IE6,7,8 中的 CSS box-shadow

Question

我知道它不受支持...我尝试使用 PIE .我已将 PIE.htc 文件放在与 CSS 相同的文件夹和 IMAGE 文件夹中。使用“../images/image.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(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);
}

没有任何影响。看起来 box-shadow 被完全忽略了。不显示在 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);
}

Answer 1

不久前我放弃了这个。解决方案是:我不在乎 IE6、7 和 8。