• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Firefox2中输入框丢失光标bug的解决方法
    虽然庆幸的是Firefox3中解决了这个bug,但Firefox3还在beta阶段,取代Firefox2还是需要一些时间的,下面就来仔细说一下这个问题:

    一、样式为{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。
    上一篇:Javascript的匿名函数讲解
    下一篇:Firefox返回时Iframe的显示Bug的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Firefox2中输入框丢失光标bug的解决方法 Firefox2,中,输入,框,丢失,