| 越兔 |
2008-08-26 09:36 |
|
转于石头君BLOG：http://www.v-ec.com/dh20156/article.asp?id=181
在用Firefox浏览页面时是否发现鼠标点击 textarea,input表单输入文本时闪烁的光标不见了,但能正常输入文本呢?
你很幸运遇到了”Firefox光标丢失”的问题,前阵子也被这问题搞到头晕晕的,总结一下出现这问题的原因做了个简单的例子。
光标丢失据我所知是Firefox2的BUG,在IE系列 及Opera 等浏览器均正常! Firefox3.0已经修复这问题。
事例1:
以下面为例,总结了页面容器中设置了以下部分属性,均会导致Firefox光标丢失：
overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow:scroll
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
position:absolute
注意:上面没写到overflow:hidden; 因为overflow:hidden;可以正常使用没影响到Firefox的光标丢失
上面例子解决的办法:
1. 避免在body设置会令光标丢失overflow:XXX属性,overflow:hidden;除外参考事例2
2. 在position:absolute;加多个针对FF写的position:fixed; 但IE6不支持此属性,可以写成:#box { position:fixed;_position:absolute; …参考事例3
原文地址：http://www.firefox.hk/2001.html
|
|
