CSS：菜單鏈接的背景圖像在IE 8中不可見

我正在處理的網站有一個菜單，其中包含一個徽標圖像作爲最後一個鏈接的背景。出於某種原因，該圖像未出現在IE中，即使它在所有其他瀏覽器中都顯示正常。CSS：菜單鏈接的背景圖像在IE 8中不可見

這裏的網站：

http://www.cybart.com/bscg/

我將不勝感激，如果有人可以看看我的CSS和建議的Internet Explorer版本：

#access { 
    left:70%; 
    top:140px; 
    margin-left:-600px; 
     width: 280px; 
    z-index:999; 
    position:relative; 
    float:left;" 
    } 

#access ul { 
-moz-box-shadow: 0 0 5px -1px #888; 
-webkit-box-shadow: 0 0 5px -1px #888; 
box-shadow: 0 0 5px -1px #888; 
} 

#access ul, 
#access ul ul { 
list-style-type:none; 
width: 250px; 
} 

#access ul ul { 
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
display:none; 
} 


#access ul li:hover > ul { 
    display: block; 
} 


#access ul li:last-child { 
height:77px; 
background: url(images/aba/ABALinkRed.jpg) no-repeat top left; 
text-indent: -3000px; 
-moz-box-shadow: 0 0 5px -1px #888; 
-webkit-box-shadow: 0 0 5px -1px #888; 
box-shadow: 0 0 5px -1px #888; 
} 

#access ul li:last-child a { 
background:transparent; 
height:77px; 
} 

#access ul ul li:last-child { 
background:transparent; 
height:32px; 
text-indent: 0px; 
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
} 

#access ul ul li:last-child a { 
background:#fff; 
background: rgba(255, 255, 255, 0.85); 
height:18px; 
} 


#access ul a, 
#access ul ul a { 
display:block; 
padding: 7px 0 7px 10px; 
background:#fff; 
background: rgba(255, 255, 255, 0.85); 
text-decoration:none; 
color:black; 

} 


#access ul ul { 
padding-left:40px; 
margin-left:-20px; 
} 

#access ul ul a { 
margin-left: -20px; 
padding-left:20px; 
width:230px; 
} 


#access ul a:hover, 
#access ul ul a:hover { 
color: #CA0000; 
} 

#access ul li.current_page_item > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current-menu-item > a, 
#access ul li.current-menu-parent > a { 
color: #CA0000; 
}

來源

2011-07-20 Dimitri Vorontzov

它工作在IE9，所以我假設你使用的是IE8。

這是你如何把圖象：

#access ul li:last-child { 
    background: url(images/aba/ABALinkRed.jpg) no-repeat top left; 
}

這是行不通的是，:last-child不支持IE，直到9版本的原因，請參閱：http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx#pseudoclasses

來源

2011-07-20 18:53:05 thirtydot

謝謝ThirtyDot 。假設我將.aba_logo類分配給相關鏈接。你能告訴我如何使它工作？ –

然後，您可以使用'.aba_logo'聲明來代替'#access ul ul li：last-child'聲明。 –

這正是我的問題。當我這樣做時，背景圖像不會顯示出應該的樣子。你可以看看更新的網站嗎？ –

CSS：菜單鏈接的背景圖像在IE 8中不可見

回答

相關問題