在IE6,7,8 CSS盒子陰影

我知道它不支持...我試着PIE。我已經把PIE.htc文件放在與CSS相同的文件夾中，並放在IMAGE文件夾中。使用「../images/image.png」路徑加載圖像時沒有問題。在IE6,7,8 CSS盒子陰影

下面是代碼：

.ma-footer-container { 
background: #fff; 
margin:0px auto; 
color: #333333; 
padding-top: 10px; 
-moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
-webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
behavior: url(PIE.htc); 
}

而另一個嘗試：

.ma-footer-container { 
background: #fff; 
margin:0px auto; 
color: #333333; 
padding-top: 10px; 
-moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
-webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
behavior: url(../images/PIE.htc); 
}

沒有任何效果。看起來箱子陰影完全被忽略。不顯示在IE開發工具...

這是另一個嘗試（使用絕對路徑）。這些圖像即時通訊使用有網址，如：「http://www.myStore.com/skin/frontend/default/ma_kidstore/images/facebook_icon.png」

.ma-footer-container { 
background: #fff; 
margin:0px auto; 
color: #333333; 
padding-top: 10px; 
-moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
-webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.33); 
behavior: url(/skin/frontend/default/ma_kidstore/images/PIE.htc); 
}

來源

2013-01-14 no9

是PIE.htc被送達正確的MIME類型？ –

PIE.htc需要是絕對的，因爲IE解決了相對於文檔的URL而不是css文件的URL（再次感謝IE）...... – ircmaxell

檢查您的服務器日誌，看看是否正在爲PIE請求正確的URL。 HTC。如果您在日誌中收到404錯誤，您應該可以使用它們來確定正確的URL應該是什麼。 – Spudley

我在這一段時間以前就放棄了。解決方案是：我不給大鼠屁股關於IE6,7和8.

來源

2014-02-25 13:58:15 no9

終於，[我ie6相關問題的答案]（http://cdn.someecards.com/someecards/usercards/1352255060695_1432482.png）。 upvoted。 – Sharky

不知何故，我也無法使用CSS應用PIE，但JavaScript解決方案幫助我作爲解決方法。

在HTML文件的標籤，

<!--[if lte IE 8]> 
    <script src="styles/build/PIE.js"></script> 
<![endif]-->

，之後，或者在結束前頁的末尾，

<script type="text/javascript"> 
// providing CSS3 Pie behavior to elements 
if(window.PIE) 
{ 
    var containers = document.querySelectorAll('.ma-footer-container'); 
    for(var i = 0; i < containers.length; i++) 
    { 
    PIE.attach(containers[i]); 
    } 
} 
</script>

來源

2014-02-25 14:03:40 Tanmay

將在下週嘗試您的提案併發布結果。 – no9

在IE6,7,8 CSS盒子陰影

回答

相關問題