在IE7中的CSS菜单列表项显示问题

因为我需要在IE7中将菜单列表项显示为水平，但它是垂直显示的。在IE7中的CSS菜单列表项显示问题

菜单列表项： enter image description here 这是垂直显示菜单列表项的图像。如果我使用float:left属性，那么它也不会显示水平。该如何解决这个问题？

CSS如下：

.swMain ul.anchor { 
    display: inline-block; 
    list-style: none; 
    padding-left: 0px; 
    margin-top: 3px; 
    float:left; 
} 
.swMain ul.anchor li{ 
    position:relative; 
    margin: 0; 
    padding: -10px; 
    padding-top:0px; 
    padding-bottom: 0px; 
    clear:both; 
    display:inline; 
    float:left; 

} 
.swMain ul.anchor li a { 
    display:inline; 
    margin:0; 
    padding:0px; 
    text-decoration: none; 
    outline-style:none; 
}

来源

2013-07-03 jeevan

IE 7？哇，你正在为全球1.7％的用户而头痛！ – jycr753

你应该只考虑IE 9/10，如果你是一个硬汉，那么也应该考虑IE 8.如果你想自杀，那么试试IE 7 –

也许你可以更具体一点，哪些CSS不工作？粘贴整个CSS文件不是很有帮助。另外jycr753是现货！忘了IE7，它的超过10年.. – dcarson

的问题是，IE7不支持inline-block的。幸运的是，有一个简单的办法为：

.swMain ul.anchor { 
    *display: inline; 
    zoom: 1; 
}

的*显示propertie的盈方确保，即它只能通过IE7理解和其他浏览器忽略。

来源

2013-07-03 06:12:22 elveti

在IE7中的CSS菜单列表项显示问题

回答

相关问题