0

あるサイトで仕事をしているのですが、

ここに見られる：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;

メニュー画像はまだ表示されません (背景が見えません)。

"filter:" をオンにすると、影だけが表示され、上には何も表示されません。

答えが必要な問題または質問は、背景が読み込まれない理由です。

次のようにジャバスクリプト：

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

1 に答える 1

0

それを使用しないでください

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

それは醜い効果を生み出し、人々にメニューを見せません。背景に関しては、メニュー要素にインライン スタイルを追加するものがあります。おそらくJSファイルです。ちなみに、メニューは背景が白なので、background:transparent を使う必要はありません。

于 2012-09-12T20:14:52.580 に答える