您的位置:首页 > Web前端 > CSS

IE6&7下使用CSS3(ie-css3.htc的使用及加强版)

2015-03-11 17:08 232 查看



做前端的同学都应该听说或者用过,是一段脚本,可以让ie实现css3里的圆角和阴影效果。css带来的便利是很容易感受的到的,但恶心的是它在ie下的不兼容,所以某位牛人现身写了个ie-css3.htc,允许你在ie下去使用css3的部分东西。ie-css3的使用方法很简单,在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了(括号里是ie-css3.htc的地址)ie-css3.htchttp://fetchak.com/ie-css3/用法大致如下:

ie-css3.htc 加强版

最近用到了这个东西,发现动态改变div的内容之后,这段脚本生成的vml会出现变形。。
所以加了一个手动刷新的函数,通过innerHTML赋值之后调用一下就可以了
如果使用jquery就不用这么麻烦,在你的框架里加一段
另外官网下载的脚本还会产生yourdomain/none的404请求,也已经修复下载增强版ie-css3.htchttp://files.cnblogs.com/aiyuchen/ie-css3.htc.zip

下面是我对ie-css3.htc的测试。

经过测试,在ie678下:

都见到了可喜的圆角

阴影颜色不能控制,是默认的黑色

可喜可贺。text-shadow 和 word-wrap一切效果正常。但有一点,如果不使用换行,在你写死元素宽度后,内置文字如果太长会溢出,但在ie6下,元素的宽度会与文字适应。

最后,有什么问题,大家可以给我留言哦,别忘了关注我的博客哦:

http://list.qq.com/cgi-bin/qf_invite?id=b6eb34388fd016582957d6e50d005146e24fe6b166ee66c0

您可能也喜欢:

使用CSS3实现页面变换效果

CSS3鲜花盛开

用纯
CSS3 绘制的风扇效果

CSS3学习:线性渐变(linear-gradient)

CSS3
绘制的BMW logo
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: