IE 8中没有背景图片

时间:2012-09-12 16:54:42

标签: internet-explorer internet-explorer-8 background background-image shadow

我正在网站上工作,

在这里看到: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);});'

1 个答案:

答案 0 :(得分:0)

不要使用

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

它会产生难看的效果,不会让人们看到菜单。关于背景,有一些内容添加到菜单元素。也许是一个JS文件。顺便说一句,菜单是在白色背景上,所以你不必使用背景:透明。