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

时间:2013-07-03 05:43:21

标签: css internet-explorer-7

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

菜单列表项: 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;
}

1 个答案:

答案 0 :(得分:0)

问题是,IE7不支持内联块。幸运的是,有一个简单的解决方法:

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

显示属性的*面前确保只有IE7才能理解它,并被其他所有浏览器忽略。