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+

或者其他方法，但我不确定插入部分：Box Shadow - CSS Tricks

Answer 2

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

使用IE专有的filter风格可以让它工作，但这可能非常痛苦，绝对是非标准的。

另一种方法是使用CSS3Pie。这是一个针对IE 6/7/8的小型javascript hack，它实现了标准的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中创建插入框阴影是真实的。

IE中的内阴影

3 个答案: