|
|
一、樣式為{position:absolute;}的容器中的表單輸入框在樣式為類似{overflow:auto;}的容器區域中失去光標
可以通過例一到例六來了解最常見的情況。
如果想整個body都出現失去光標，可以設置html和body兩個容器，請看示例。包括舉例的overflow:auto在內能引起該Bug的overflow屬性共有：
overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow:scroll;
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
除了避免使用overflow屬性的其他解決方案：
利用overflow:hidden代替產生bug的oveflow屬性
在具有上述overflow屬性的容器中加入position:relative，請看實例。
在positon:absolute的容器上加入同樣的oveflow屬性，同時注意在頁面出現的順序，見例四
為使用能產生bug的oveflow屬性的容器選擇合適的標簽，比如fieldset，見例六。
二、樣式為{position:absolute;}的容器中的表單輸入框在iframe容器區域中失去光標
可以通過例七來了解這個情況。IE6中為了解決下拉列表級別過高問題，往往需要用iframe來遮蓋它，偶爾疏忽忘記做瀏覽器限定就有可能導致上面的問題。
現在看來Firefox2對iframe的處理bug還真不少，比如以前就發現了Firefox返回時Iframe的顯示Bug。
HTML/CSS技術：Firefox2中輸入框丟失光標bug的解決方法，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
