我已经完全调试了我的网站,除了一页:
http://hqinternetsolutions.com/fullservice/movies.html
li在6或7中没有正确显示,但在其他浏览器中工作正常。 html非常简单:ul li和锚标签。 css也很简单:
#moviegrid{
width:560px;
margin:20px auto;
height:250px;
}
#moviegrid ul{
list-style:none;
margin:0;
padding:0;
display:inline;
}
#moviegrid li{
padding:0;
margin: 0;
}
#moviegrid li img{
background-color:#fff;
padding:2px 2px 2px 2px;
}
#moviegrid li img:hover{
background-color: #328f87;
padding:2px 2px 2px 2px;
}
我做错了什么?!
答案 0 :(得分:0)
我可能错了,但尝试将显示属性直接应用于li,例如:
moviegrid li{
display:inline;
}
IE 6或7在CSS继承方面不是很擅长,所以这可能是也可能不是问题......
答案 1 :(得分:0)
你还需要添加zoom:1来触发IE的hasLayout标志:
#moviegrid li{
padding:0;
margin: 0;
zoom: 1;
display: inline;
}