我正在为一个小型web应用程序开发HTML;设计需要一个具有圆角和阴影的内容区域。我用CSS3就能做到这一点,它在火狐和Chrome上运行得天衣无缝:
然而,Internet Explorer7和8(不支持CSS3)则是另一回事:
有没有一种简单、轻量级的JavaScript解决方案,可以让我1)使用特定于IE的特性来实现这一点,或者2)修改DOM (以编程方式),在内容区域周围添加自定义图像以模拟效果?
发布于 2010-04-28 20:53:34
查看这篇文章:http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
它特别涵盖了IE7/8中CSS3的圆角和方框阴影。
发布于 2010-07-21 01:38:25
它刚刚发布,还处于测试阶段,但请查看:http://css3pie.com/
发布于 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 */
}
https://stackoverflow.com/questions/2687804
复制相似问题