2011-05-27 63 views
0

我用下面的CSS制作的任何列表在IE8和FF4中都有不同的表现。 IE8没有圆角,但是当我将鼠标悬停在它上面时,FF4不会改变颜色。他们中的任何一个都对吗?不同浏览器中的CSS

ul#mend { 
    border-bottom: 1px #5C87B2 solid; 
    padding: 0 0 2px; 
    position: relative; 
    margin: 0; 
    float: left; 
    text-align: left; 
} 

ul#mend li { 
    display: inline; 
    list-style: none; 
} 

ul#mend li#greeting { 
    padding: 10px 20px; 
    font-weight: bold; 
    text-decoration: none; 
    line-height: 2.8em; 
    color: #fff; 
} 

ul#mend li a { 
    padding: 10px 20px; 
    font-weight: bold; 
    text-decoration: none; 
    line-height: 2.8em; 
    background-color: #FF99CC; 
    color: #034af3; 
    border-radius: 4px 4px 0 0; 
    -webkit-border-radius: 4px 4px 0 0; 
    -moz-border-radius: 4px 4px 0 0; 
} 

ul#mend li a:hover { 
    background-color: #000000; 
    text-decoration: none; 
} 

ul#mend li a:active { 
    background-color: #a6e2a6; 
    text-decoration: none; 
} 

ul#mend li.selected a { 
    background-color: #fff; 
    color: #000; 
} 

编辑:添加HTML

 <div id="menucontainer"> 

      <ul id="mend"> 
       <li>@Html.ActionLink("TicTacToe", "TicTacToe", "Games")</li> 
      </ul> 


      <ul id="menu"> 
       <li>@Html.ActionLink("Home", "Index", "Home")</li> 
       <li>@Html.ActionLink("About", "About", "Home")</li> 
       <li>@Html.ActionLink("French", "French", "Home")</li> 
      </ul> 


     </div> 
+0

你可以包含一些HTML吗? – 2011-05-27 18:46:15

回答

0

IE 9现在支持圆角。我偏爱这种解决方案为IE之前的版本:

CSS3 Pie

0

我可能失去了一些东西,但你已经包含在第二列表(ID =“菜单”)没有任何相应的CSS在你的例。

备份其他人所说的IE8不支持border-radius。