2008-05-06

Firefox input 光标丢失

在用Firefox浏览页面时是否发现鼠标点击 textarea,input表单输入文本时闪烁的光标不见了,但能正常输入文本呢?
你很幸运遇到了”Firefox光标丢失”的问题,前阵子也被这问题搞到头晕晕的,总结一下出现这问题的原因做了个简单的例子。
光标丢失据我所知是Firefox的BUG,在IE系列 及Opera 等浏览器均正常! 有可能在Firefox3.0后会修复这问题,但我们现所用的都是2.0


事例1:
Firefox光标丢失

以下面为例,总结了页面容器中设置了以下部分属性,均会导致Firefox光标丢失：

  1. overflow:auto
  2. overflow-x:auto;
  3. overflow-y:auto;
  4. overflow:scroll
  5. overflow-x:scroll;
  6. overflow-y:scroll;
  7. overflow-x:hidden;
  8. overflow-y:hidden;
  9. 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://blog.gulu77.com/?p=10

评论
发表评论

您还没有登录，请登录后发表评论

cai555
搜索本博客
最近加入圈子
存档
最新评论