在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盒子阴影

回答

相关问题