首页 > 代码库 > 关于ie兼容css3圆角与阴影与渐变的渲染
关于ie兼容css3圆角与阴影与渐变的渲染
我们都知道,ie不兼容一些css3新属性,这就导致有些浏览效果不太好,关于ie的兼容有很多前辈给出了解决方案。这里我主要讲我用到的一个比较好用的方案,即PIE。
这里的PIE实际上指的是一个名为pie.htc的文件,通过使用css的behavior行为调用这个文件,然后使IE也能实现一些常见的css3效果,例如圆角、阴影、渐变、多图片背景的渲染等等。
下面就是一个小例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .main{ width:300px; height:530px; background: #fff; border:1px solid #efefef; border-radius: 8px; box-shadow: 1px 0 15px #a89b97; margin:40px auto; padding:50px 60px 0 60px; behavior:url(PIE.htc); } </style> </head> <body> <div class="main"></div> </body> </html>
上图即ie8浏览器下的效果,需要注意的是behavior:url(PIE.htc);这行代码url中需要导入正确的文件地址。
关于ie兼容css3圆角与阴影与渐变的渲染
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。