在IE 8

Question

我工作的網站上沒有背景圖片，

在這裏看到：http://handsomeavatar.com/test111/

，我不能拿到菜單的背景在IE加載（8）。

任何人都可以幫助我嗎？

CSS 
.shadow { 
    -webkit-box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 1); 
    -moz-box-shadow: 0 8px 6px -6px rgba(50, 50, 50, 1); 
box-shadow:   0 8px 6px -6px rgba(50, 50, 50, 1); 
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; 
    zoom: 1; 
} 

#menu { 
margin: 0 auto; 
margin-top: -5px; 
width: 800px; 
background: transparent url(img/cloudy.jpg); 
height: 43px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
behavior: url(border-radius.htc); 
} 

和HTML

<div id="content" class="clearfix"> 
<div id="menu" class="shadow"> 
<ul id="navigation"> 

這似乎是發生在任何地方我用了.shadow元素。

即使刪除課程，背景也沒有顯示出來。 在頁面加載其他項目，但刪除後仍：

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30); 
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; 
zoom: 1; 

菜單仍沒有圖像顯示（不能看到背景）。

隨着「過濾器：」開啓，所有您看到的都是陰影，頂部沒有任何東西。

需要回答的問題或問題是爲什麼背景未加載。

的javascript如下：

function navigation_open() 
{ navigation_canceltimer(); 
navigation_close(); 
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');} 

function navigation_close() 
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} 

function navigation_timer() 
{ closetimer = window.setTimeout(navigation_close, timeout);} 

function navigation_canceltimer() 
{ if(closetimer) 
{ window.clearTimeout(closetimer); 
    closetimer = null;}} 

$(document).ready(function() 
{ $('#navigation > li').bind('mouseover', navigation_open); 
$('#navigation > li').bind('mouseout', navigation_timer);});' 

Answer 1

不要使用

-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)"; 

它創建了一個醜陋的效果，不會讓人們看到了菜單。關於背景，有一些內容添加到菜單元素中。也許是一個JS文件。順便說一句，菜單是在白色背景上，所以你不必使用背景：透明。