IE圆角兼容方法
使用方法
【IE圆角兼容方法】如何在IE9以下版本的浏览器支持圆角的特性
.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'类 */
}
ie-css3.htc
引入下面文件
--Do not remove this if you are using--
Original Author: Remiz Rahnas
Original Author URL: http://www.htmlremix.com
Published date: 2008/09/24Changes by Nick Fetchak:
- IE8 standards mode compatibility
- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
- Added partial support for 'box-shadow' style
- Checks for VML support before doing anything
- Updates VML element size and position via timer and also via window resize event
- lots of other small things
Published date : 2010/03/14
http://fetchak.com/ie-css3Thanks to TheBrightLines.com (http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way) for enlightening me about the DropShadow filter
推荐阅读
- 对抗抑郁最好的方法
- 怎样用黑谜速冻膜去黑头,|怎样用黑谜速冻膜去黑头, 最有效的去黑头的方法看这!
- 移动端h5调试方法
- 唱歌教学(导致嗓音损坏的几个常见的错误唱歌方法!)
- 拆书方法训练营
- 数组常用方法一
- 这份史上最经典的3大学习方法,清华北大学霸都在用!
- 迅捷流程图制作软件的使用方法!
- VueX--VUE核心插件
- 15个从现实焦虑中恢复精神的方法!