时间:2021-05-28
虽然庆幸的是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。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在bootstrap的模态框里使用select2插件,会导致select2里的input输入框没有办法获得焦点,没有办法输入.解决方法:1.把页面中的tabin
浏览器中input输入光标位置错位详解在工作中遇到的问题,尝试着找找解决方法,还真有呢!记下来方便自己方便他人吧以前在项目里碰到过一个问题input输入框用一个
以搜狗拼音输入法为例,电脑键盘乘号的输入方法是: 1、先把光标放到输入框或文档中,然后随意输入一个字符,这样就会出现一个选字的框。 2、然后把光标移动到“选
以搜狗拼音输入法为例,电脑打乘号的方法是: 1、先把光标放到输入框或文档中,然后随意输入一个字符,这样就会出现一个选字的框。 2、然后把光标移动到“选字小窗
以搜狗拼音输入法为例,电脑键盘打乘号的方法是: 1、先把光标放到输入框或文档中,然后随意输入一个字符,这样就会出现一个选字的框。 2、然后把光标移动到“选字