• 技术文章 >web前端 >css教程

    Firefox2中输入框丢失光标bug的解决方法_经验交流

    2016-05-16 12:05:47原创809
    虽然庆幸的是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。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:用CSS开发时髦的导航栏第二篇_经验交流 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 聊聊CSS中怎么让auto height支持过渡动画• CSS原生嵌套语法来了!使用指南速览!• “saturate”,又get了新的CSS知识!• 13 个实用CSS技巧,助你提升前端开发效率!• 让交互更加生动!巧用CSS实现鼠标跟随 3D 旋转效果
    1/1

    PHP中文网