Internet explorer IE 8中没有背景图像

我在一个网站上工作

如图所示：

我无法在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">

菜单图像仍不显示（看不到背景）

启用“过滤器：”后，您所看到的只是阴影，顶部什么也看不到

需要回答的问题是为什么后台没有加载

如下所示：

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);});'

不要用那个

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

---

它产生了一种丑陋的效果，不让人们看到菜单。关于背景，在菜单元素中添加了内联样式。也许是JS文件。顺便说一下，菜单的背景是白色的，因此您不必使用背景：透明。

尝试删除-moz边框半径。Firefox现在通常支持边界半径，我听说在某些情况下，这个-moz边界半径会在IE8中产生问题。我删除了-moz边界半径，没有改变。背景在刷新时加载，但随后变为白色。我不确定我遗漏了什么？这不是你的javascript。它一定是一个插件，或者什么的。从未使用过。htc所以，我不知道这是否是问题所在。尝试删除js和Behavour，直到它起作用，以了解发生了什么。看起来。htc是罪魁祸首。

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