我正在处理一个项目的CSS,并在IE中遇到一些溢出问题。这是测试网站:http://eparking.bluesys2.ch/fr/parking/search.html?l=Fribourg&d=27.6.2010&t=。您可以使用列表下方的按钮滚动列表。在Firefox、Safari和其他正常浏览器中,一切都正常。但在IE中,我无法使
即使我将包含LI的UL列表设置为100像素高,并使用隐藏的溢出,它们仍然会显示出来。
overflow: hidden;
起作用,这让我疯狂。无论我尝试什么,列表始终以完整长度显示。有人能给我一个提示吗?以下是列表容器的CSS:div#listing {
width: 204px; height: 364px; overflow: hidden;
}
这是其中的对象:
div#listing ul li {
position: relative;
padding: 5px;
margin: 0 0 7px;
height: 54px;
background-image: -moz-linear-gradient(top, #f5f5f5, #ddd);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #ddd));
border: 1px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 8px #ddd;
-webkit-box-shadow: 0 0 8px #ddd;
box-shadow: 0 0 8px #ddd;
}
即使我将包含LI的UL列表设置为100像素高,并使用隐藏的溢出,它们仍然会显示出来。