内阴影在IE

Question

什么是IE 7+以下兼容CSS代码：

-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
box-shadow:   inset 0 0 10px rgba(0, 0, 0, 0.25); 

Answer 1

你可能必须使用IE浏览器过滤器：Shadow Filter for IE 5.5+

还是这另一种方法，但我m不知道插入部分：Box Shadow - CSS Tricks

Answer 2

IE7/8在标准CSS中不支持box-shadow。

它有可能使用IE专有的filter风格得到它的工作，但这可能会非常痛苦，绝对不符合标准。

另一种方法是使用CSS3Pie。对于IE 6/7/8，这是一个小的JavaScript黑客攻击，它实现了标准的CSS box-shadow以及这些旧浏览器的其他一些样式。

只需下载css3pie脚本pie.htc并将其复制到您的网站。然后引用它在你的CSS旁边的box-shadow风格：

.myClass { 
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25); 
    box-shadow:   inset 0 0 10px rgba(0, 0, 0, 0.25); 
    behavior: url(/PIE.htc); 
} 

见CSS3Pie网站了解更多：http://css3pie.com/

Answer 3

阅读我的文章： http://dev.opera.com/articles/view/cross-browser-box-shadows/

在纯色背景情况下，它是真正的创造在IE8中嵌入盒子阴影。