我在一个网站上工作,
在这里看到: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);});'