0

以下内容的 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);
4

3 回答 3

0

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

在纯色背景的情况下，在 IE8- 中创建插入框阴影是真实的。

于 2012-10-02T21:42:35.237 回答
0

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

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

于 2012-10-02T20:52:43.783 回答
0

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

可以使用 IE 的专有风格使其工作filter，但这可能会非常痛苦并且绝对不标准。

另一种方法是使用CSS3Pie。这是一个针对 IE 6/7/8 的小型 javascript hack，它实现了标准 CSSbox-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/

于 2012-10-02T21:01:47.680 回答