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

Question

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

菜单列表项： 这是垂直显示菜单列表项的图像。如果我使用该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;
}

Answer 1

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

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

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