准确来说,不是完全不能点击,我这次遇到的情况是这样的
<ul class="beauty-select-list" style="position: absolute; top: auto; left: 0px; cursor: default; z-index: 1; 71px; display: none;">
<li index="0">不 限</li>
<li index="1">165</li>
</ul>
<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; 71px; display: none;">
<li class="" style="position: relative;" index="0">不 限</li>
<li class="hover" style="position: relative;" index="1">165</li>
</ul>
<li class="" style="position: relative;" index="0">不 限</li>
<li class="hover" style="position: relative;" index="1">165</li>
</ul>
解决方法就是给每个li,也就是父元素下的每个子元素都加上position: relative;这个样式就可以了。