jquery - CSS 在资源管理器和 Safari 中显示不同

Question

我正在使用 CSS 编写一个菜单(对于一个也使用 jquery 完成的网站)，该菜单应该在所有菜单标题上显示蓝色渐变，并且只有在将鼠标悬停在上面时才会变为灰色。相反，只有当前页面的标题在 Internet Explorer 和 Safari 中显示为渐变，其他标题为白色。但它在 Chrome 中看起来很好。

我已经包含了下面涉及的 CSS。如果有人可以向我提供一些有关如何解决此问题的提示，我将不胜感激。感谢您的宝贵时间!

.navigation {
width:100%;
height:50px;
float:left;
margin-top:2px;
}
.ddsmoothmenu{
float:left;
}
.ddsmoothmenu ul{
z-index:999;
margin:0;
list-style-type:none;
float:left;
}
.ddsmoothmenu ul li{
position:relative;
display:inline;
float:left;
}
.ddsmoothmenu>ul>li:first-child{
padding-left:0px;
}
.ddsmoothmenu ul li a{
display:block;
height:36px;
padding:14px 20px 0px 20px;
color:#b3b3b3;
text-decoration:none;
font-size:14px;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
text-shadow:1px 1px #000;
}
* html .ddsmoothmenu ul li a{
display:inline-block;
}
.ddsmoothmenu ul li a.selected {

}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color:#b3b3b3;
}
.ddsmoothmenu > ul > li > a:hover, 
.ddsmoothmenu > ul > li.current-menu-item > a {
background-image:url(../images/navi-bg.png);
color:#FFF;
}
.ddsmoothmenu > ul > li > a:hover, 
.ddsmoothmenu > ul > li.current-menu-item > a,
.ddsmoothmenu > ul > li > a.selected {
color:#FFF;
}
.ddsmoothmenu ul li ul{
position:absolute;
left:0;
display:none;
visibility:hidden;
margin:0px 0px 0px 0px;
padding:0px 0px 5px 0px;
background:#262626;
border:#2f2f2f solid 1px;
width:200px;
}
.ddsmoothmenu ul li ul li{
display:list-item;
float:left;
padding:0px 5px;
margin:0px;
}
.ddsmoothmenu ul li ul li:first-child{
padding-top:5px;
}
.ddsmoothmenu ul li ul li.last{
padding-bottom:5px;
}
.ddsmoothmenu ul li ul li ul{
top:0;
margin:0px 0px 0px -15px;
width:191px !important;
background:#393939;
}
.ddsmoothmenu ul li ul li a{
width:165px;
height:24px;
padding:6px 5px 0px 10px;
margin:0;
font-size:13px;
border-radius:2px;
border:none;
}
.ddsmoothmenu ul li ul li a.selected{
background-image:none;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{
background:none !important;
color:#fff;
}
.ddsmoothmenu ul li ul li ul li a{
color:#fff !important;
}
.ddsmoothmenu ul li ul li ul li a:hover{
color:#fff !important;
}
* html .ddsmoothmenu{
height: 1%;
  }

Answer 1

对于初学者，请提供 IE 和 Safari 版本，以便我们进一步帮助您。

IE 8 及之前的版本绝对不支持 border-radius。即使您使用的是 IE9 和 IE10，Chrome 的行为也可能有所不同。其他嫌疑人可能是 float 和位置。

对于 IE，您可以查看 CSS PIE以获得更好的 IE 支持。