IE7/8中CSS3边界半径和长方体阴影的仿真
IE7/8中CSS3边界半径和长方体阴影的仿真
提问于 2010-04-22 10:05:42
我正在为一个小型web应用程序开发HTML；设计需要一个具有圆角和阴影的内容区域。我用CSS3就能做到这一点，它在火狐和Chrome上运行得天衣无缝：
然而，Internet Explorer7和8(不支持CSS3)则是另一回事：
有没有一种简单、轻量级的JavaScript解决方案，可以让我1)使用特定于IE的特性来实现这一点，或者2)修改DOM (以编程方式)，在内容区域周围添加自定义图像以模拟效果？
回答 7
Stack Overflow用户
发布于 2010-04-28 20:53:34
查看这篇文章：http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
它特别涵盖了IE7/8中CSS3的圆角和方框阴影。
Stack Overflow用户
发布于 2010-07-21 01:38:25
它刚刚发布，还处于测试阶段，但请查看：http://css3pie.com/
Stack Overflow用户
发布于 2010-04-30 06:29:46
我已经开始使用位于以下位置的.htc脚本：CSS3 support for Internet Explorer 6, 7, and 8
这是我见过的用于IE6+的最简单的CSS3实现。
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2687804
复制相关文章
相似问题