Jquery/CSS IE6问题
Jquery/CSS IE6问题
提问于 2010-12-20 04:06:02
这是一个非常有趣的问题。基本上，我动态地添加了一些li标记：
var fileList = $("#openWin ul");
for (var i = 0; i<20; i++){
fileList.append("<li>"+i+"<\/li>");
}我的li标签有一些css：
li{
list-style : none;
font-size : 12px;
margin: 0;
padding : 5px 10px 5px 10px;
border-bottom : 1px solid #cccccc;
font-family : Georgia, serif;
background-color : white;
cursor : pointer;
}这在IE6中似乎不起作用。前几个li标记似乎没有完全应用css：
Here is a link to the live file.我试着为此设置了一个jsFiddle和jsBin，但这两个站点在ie6中似乎都不能正常工作。
奇怪的是，如果我将一些事件添加到li标记中，同样的问题也会出现。添加以下代码：
$("#openWin li").live('mouseover', function(){
$(this).css({"background-color": "#ededed"});
}).live("mouseout", function(){
$(this).css({"background-color": "white"});
});工作，但前几个li标记的行为很奇怪。我将继续这方面的工作，任何意见都将非常感谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2010-12-20 05:25:11
看起来像是一个hasLayout问题-尝试将zoom:1添加到您的li样式中。另一种选择是在要追加的文本中添加一个空格，如下所示：
fileList.append(" <li>"+i+"<\/li>");Stack Overflow用户
发布于 2010-12-20 04:13:52
从图像上看，除了底部边框之外，CSS看起来像是在工作。尝试：
for (var i = 0; i<20; i++){
fileList.append("<li style=\"border-bottom:1px solid #cccccc;\">"+i+"<\/li>");
}Stack Overflow用户
发布于 2010-12-20 05:09:03
@Zevan:在你的#files CSS中注释掉position: relative;。这应该可以解决这个问题。
#files {
background-color: white;
height: 450px;
margin: 10px;
overflow: auto;
/*position: relative;*/
width: 230px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4484839
复制相关文章
相似问题
腾讯云开发者
