父元素绝对定位 子元素在IE6 不能点击
2012-01-04 16:36
337 查看
准确来说,不是完全不能点击,我这次遇到的情况是这样的
<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li index="0">不 限</li>
<li index="1">165</li>
</ul>
这个结构是我用DIV模拟Select的其中一部分代码,这个UL里面的LI相当于select的option,在IE7,8和FF下,都正常,唯有在IE6下,当li里面的文字内容不能刚好占满一行时,就必须去点击文字,才可以选中这个选项,但实际上click事件是绑在li上的。解决方法如下
<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li class="" style="position: relative;" index="0">不 限</li>
<li class="hover" style="position: relative;" index="1">165</li>
</ul>
解决方法就是给每个li,也就是父元素下的每个子元素都加上position: relative;这个样式就可以了。
<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li index="0">不 限</li>
<li index="1">165</li>
</ul>
这个结构是我用DIV模拟Select的其中一部分代码,这个UL里面的LI相当于select的option,在IE7,8和FF下,都正常,唯有在IE6下,当li里面的文字内容不能刚好占满一行时,就必须去点击文字,才可以选中这个选项,但实际上click事件是绑在li上的。解决方法如下
<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; width: 71px; display: none;">
<li class="" style="position: relative;" index="0">不 限</li>
<li class="hover" style="position: relative;" index="1">165</li>
</ul>
解决方法就是给每个li,也就是父元素下的每个子元素都加上position: relative;这个样式就可以了。
相关文章推荐
- 父元素绝对定位 子元素在IE6 不能点击
- 解决IE6,IE7不能隐藏绝对定位溢出的内容
- IE6父级使用padding后子元素绝对定位的BUG
- IE6中绝对定位元素消失问题
- Firefox/Safari/Chrome绝对定位元素重叠造成不可点击问题
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新)
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- ie6绝对定位的块会被select元素遮挡的解决方案
- firefox下绝对定位元素重叠造成不可点击问题
- 绝对定位的元素在ie6下不显示隐藏了的有效解决方法
- 绝对定位的元素在IE6下莫名丢失解决办法
- IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1个像素的偏差
- 解决IE6,IE7不能隐藏绝对定位溢出的内容
- 解决IE6,IE7不能隐藏绝对定位溢出的内容
- 当浮动元素和绝对定位元素是并列关系的时候,在IE6下绝对定位元素会消失
- IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG
- ie6中,里面元素绝对定位时,外层元素一定要给高度。
- 在IE6下绝对定位元素的父级宽高是奇数的时候,元素的right值和bottom值会有1px的偏差
- IE6 绝对定位元素的 1px 间距 bug(转自:http://www.99css.com/archives/53)