雖然慶幸的是Firefox3中解決了這個(gè)bug，但Firefox3還在beta階段，取代Firefox2還是需要一些時(shí)間的，下面就來仔細(xì)說一下這個(gè)問題：

一、樣式為{position:absolute;}的容器中的表單輸入框在樣式為類似{overflow:auto;}的容器區(qū)域中失去光標(biāo)
可以通過例一到例六來了解最常見的情況。

如果想整個(gè)body都出現(xiàn)失去光標(biāo)，可以設(shè)置html和body兩個(gè)容器，請(qǐng)看示例。包括舉例的overflow:auto在內(nèi)能引起該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代替產(chǎn)生bug的oveflow屬性 
在具有上述overflow屬性的容器中加入position:relative，請(qǐng)看實(shí)例。 
在positon:absolute的容器上加入同樣的oveflow屬性，同時(shí)注意在頁面出現(xiàn)的順序，見例四 
為使用能產(chǎn)生bug的oveflow屬性的容器選擇合適的標(biāo)簽，比如fieldset，見例六。 
二、樣式為{position:absolute;}的容器中的表單輸入框在iframe容器區(qū)域中失去光標(biāo)
可以通過例七來了解這個(gè)情況。IE6中為了解決下拉列表級(jí)別過高問題，往往需要用iframe來遮蓋它，偶爾疏忽忘記做瀏覽器限定就有可能導(dǎo)致上面的問題。

現(xiàn)在看來Firefox2對(duì)iframe的處理bug還真不少，比如以前就發(fā)現(xiàn)了Firefox返回時(shí)Iframe的顯示Bug。

最新評(píng)論