IE支持CSS3圆角属性

下面是如何让IE支持CSS3圆角属性的2种方法,网上还有其他方式。在这里就不一一写了。

1.用ie-css3.htc

但还是有几点需要注意的是:

  • 当你使用了这个htc文件后,你的CSS里面,只要写有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一种,IE就会渲染。
  • 当使用了这个htc文件后,你不能这样写box-shadow: 0 0 10px red; 而应该是box-shadow: 0px 0px 10px red; 否则IE中会失效。
  • 不支持RGBA值中的alpha透明度。
  • 不支持inset内阴影。
  • 不支持阴影扩展。
  • 阴影在IE中只会显示为黑色,不管你设置成其它什么颜色。

所以说,这个脚本了仅仅是让IE支持了部份的box-shadow值。如果你有其它更好的IE hacks脚本,欢迎留言分享。

2.用PIE.htc

这2种的详细说明网上有的。

其他的什么问题。本人也木有研究过。不过PIE.htc支持阴影颜色。想仔细了解的话,可以百度 谷歌搜索下。

请看 demo

在不同的浏览器上面浏览。很清晰的看到ie-css3.htc和pie.htc的不同之处。

上面的htc还有什么问题。目前还没有发现。可能会有其他bug也说不定。呵呵。自己根据实际情况用用!!!

本文固定链接: http://www.xiaobai8.com/Blog/196.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2011年08月07日发表在 CSS 分类下,
原创文章转载请注明: IE支持CSS3圆角属性 | web前端,杭州小白的个人博客,小白的个人博客
关键字:

报歉!评论已关闭.