如何在 IE7 和 IE8 中实现彩色框阴影？-css教程-PHP中文网

如何在 IE7 和 IE8 中实现彩色框阴影？

Patricia Arquette

发布： 2024-11-08 12:48:02

原创

393 人浏览过

How Can I Implement Colored Box Shadows in IE7 and IE8?

在 IE7 和 IE8 中实现盒子阴影

问题：

尽管使用了各种方法， IE7 和 IE8 中彩色框阴影的实现仍然难以捉摸。使用以下 CSS 代码：

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

登录后复制

虽然“ie-css3.htc”文件提供了 IE 阴影问题的解决方案，但它将阴影限制为黑色和白色。尝试使用：

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

登录后复制

会产生定向阴影，而不是全向阴影。此外，使用模糊滤镜需要额外的 div，这在当前场景中是不可取的。请就此问题寻求专家指导。

答案：

考虑使用 CSS3 PIE（饼图：Internet Explorer CSS3），这是一个在早期版本 IE 中模拟 CSS3 属性的工具。 CSS3 PIE 支持 box-shadow，不包括“inset”关键字。

以上是如何在 IE7 和 IE8 中实现彩色框阴影？的详细内容。更多信息请关注PHP中文网其他相关文章！