让IE6/IE7/IE8浏览器支持CSS3属性
2015-11-05 18:11
1031 查看
IE6/7并不支持CSS3的属性,IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded),box-shadow ( shadow),text-shadow等这些属性呢?这里介绍一个通过htc脚本实现这些属性的方法
使用是很容易的,看下面的示例代码:
可以看到,除了最后添加了behavior这么一句,CSS3属性还是那个CSS3属性,不需要化妆、修饰或是化身为变形金刚,这也是此方法的优点所在。
使用是很容易的,看下面的示例代码:
.box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari 和 Chrome */ border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari 和 Chrome */ box-shadow: 10px 10px 20px #000; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */ }
可以看到,除了最后添加了behavior这么一句,CSS3属性还是那个CSS3属性,不需要化妆、修饰或是化身为变形金刚,这也是此方法的优点所在。
相关文章推荐
- IE中的CSS3不完全兼容方案
- 实例浅析CSS Sprite
- css写圆角效果
- Evernote样式的Share Extension
- 用css3动画为焦点图加延迟动画
- css div的宽度随内部元素的宽度的变化而变化
- CSS框模型(Box Model)与图片透明属性
- [前端] chrome浏览器定义滚动条样式及字体中英对照
- HTML与CSS零碎知识点归纳
- js原生设计模式——8单例模式之简约版属性样式方法库
- css画正三角形
- 【03】emmet系列之CSS语法
- html、css心得
- css将文字和图片水平垂直居中
- css3背景渐变颜色linear-gradient(IE兼容)
- js返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性
- 如何控制iOS的导航栏和状态栏的样式
- "贪吃蛇"-css3效果
- CSS float 属性 设置布局
- css文档超出部分隐藏并显示省略号