すべてのメニュー見出しに青色のグラデーションを表示し、マウスオーバーしたときにのみ灰色に変化するはずの 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%;
}