父元素绝对定位 子元素在IE6 不能点击
2012-02-16 10:37
246 查看
准确来说,不是完全不能点击,我这次遇到的情况是这样的
这个结构是我用DIV模拟Select的其中一部分代码,这个UL里面的LI相当于select的option,在IE7,8和FF下,都正常,唯有在IE6下,当li里面的文字内容不能刚好占满一行时,就必须去点击文字,才可以选中这个选项,但实际上click事件是绑在li上的。解决方法如下
解决方法就是给每个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下绝对定位元素的父级宽高是奇数的时候,元素的right值和bottom值会有1px的偏差
- IE6下绝对定位元素和浮动元素并列绝对定位元素消失
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- IE6 绝对定位元素的 1px 间距 bug(转自:http://www.99css.com/archives/53)
- 【css】绝对定位的元素在 ie6 下不显示
- IE6,IE7绝对定位元素神秘消失或被遮挡的解决
- IE6 7下绝对定位引发浮动元素神秘消失
- IE6下绝对定位元素存在1px偏差问题
- 解决 IE6 不支持绝对定位 fixed 以及IE6下被绝对定位的元素在滚动的时候会闪动的问题
- 解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容
- 关于绝对定位后元素(a标签)无法点击
- IE6 下父级(relative)使用padding后,子元素绝对定位(absolute)的bug
- 解决IE6,IE7不能隐藏绝对定位溢出的内容
- IE6中绝对定位元素消失问题
- IE6父级使用padding后子元素绝对定位的BUG
- Firefox/Safari/Chrome绝对定位元素重叠造成不可点击问题
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新)
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG
- firefox下绝对定位元素重叠造成不可点击问题