2012-11-05 25 views
1

低於我的CSS代碼是創建一個圍繞在我的網站主框架陰影,它工作得很好,除了上IE的所有瀏覽器。我在網上找到了一個「解決方案」,應用它,除了一個問題外,它工作。在菜單上,頂部的行被打破了(在「Est.2009」之前是使菜單停止的頂部行,以及最後你可以看到一個新的盒子被創建,因爲它被切斷了,它似乎也顯示了一個陰影IE上只有右側和底部,我怎麼能得到它的左側以及?) 在此先感謝! http://www.stevemoorecpa.dreamhosters.com陰影在IE8和休息不工作樣式在其他瀏覽器

#wrapperSkm 
{ 
border-left-style: solid; 
border-right-style:solid; 
border-width: 2px; 
border-color: transparent; 
-moz-box-shadow: 0px 0px 25px #c3c3c3; 
-webkit-box-shadow: 0px 0px 25px #c3c3c3; 
box-shadow: 0px 0px 25px #c3c3c3; 
width:1069px; 
overflow: hidden; 
position: relative; 
padding: 0 0px 0 0px; 
margin-left: auto; 
margin-right: auto; 




    background-image: url(images/bodyBg.png); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,    Color='#000000')"; 
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,  Color='#000000'); 
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -o-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
    -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.7); 
} 

回答

1

您可以使用css3 PIE工作箱影在IE瀏覽器中。請進行以下網站:http://css3pie.com/about/

注意:一旦你在你的CSS類應用的餡餅一個DIV爲DIV需要添加位置:相對於IE 7和IE 8,如果你餡餅的DIV中你需要添加位置:相對於父div我的意思是頂部div。

0

「Est.2009」頂線,使菜單停止以及 在年底就可以看到一個新的箱子被創建,因爲它切斷之前。

這是一個圖像,嘗試設置邊界或更好,你的.skmLogo類。

對於ie瀏覽器小於IE9,創建一個額外的div包裝去下的一切,並應用模糊它

filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40'); 

盒子陰影只能在IE9 +。

相關問題