我知道它不受支持...我尝试使用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);
}
一点效果都没有。看起来盒子阴影被完全忽略了。不显示在 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);
}