我们都知道css3有很多特性ie8以下是不支持的:比如样式选择器,圆角,阴影等,今天就简单记一下在解决ie8不支持选择器,圆角,阴影的方案。 一,选择器不兼容问题: css3选择器在各浏览器版本的兼容性(http://www./jianrong/614.html) 1.可以使用jq进行选择,也可以使用ie8支持的child选择器进行++等 但我们就想在ie8中也用css3选择器,那么就需要借助其他的js插件 2.借助 selectivizr.js(下载地址:http:///) selectivizr是一个JavaScript工具,使IE浏览器也可以支持CSS3伪类以及属性选择器,使用 很简单,只要把js include到页面上,然后你就可以(~ o ~)~zZ补觉了。 优点在于: 如何使用:直接调用JavaScript文件就可以了: <script type="text/javascript" src="[JS library]"></script> <!- -[if (gte IE 6)&(lte IE 8)]> 但这样只能在服务器或者编辑器中的才能起作用,从本地打开还是不行的。 二,圆角不兼容问题 我测试并使用了两个插件:1 PIE.js (http:///) 2.conner.js 其中两个都有缺陷,第一个 只能是在没有任何背景的div上加div 否则会被覆盖掉, 第二个,周围会有边框,局限性大。 三,阴影问题:PIEjs可以实现阴影,根据效果需要设置背景,不然是黑的。 |
|
来自: 昵称53431500 > 《待分类》