分享

ie8以下版本兼容css3的问题

 昵称53431500 2018-04-10
  
   我们都知道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补觉了。

优点在于
1. 让老的IE浏览器支持19个CSS3伪类,2个伪元素,以及所有的属性选择器。
2. 即使你完全不懂JavaScript,也没有关系,因为你只要链接这个文件就ok了。
3. 可以与现存的JavaScript库协调工作。JavaScript库与selectivizr对CSS3伪类支持情况表 张鑫旭-鑫空间-鑫生活

如何使用:直接调用JavaScript文件就可以了:

       <script type="text/javascript" src="[JS library]"></script>

<!- -[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]- ->

但这样只能在服务器或者编辑器中的才能起作用,从本地打开还是不行的。

  二,圆角不兼容问题

  我测试并使用了两个插件:1  PIE.js (http:///) 2.conner.js

 其中两个都有缺陷,第一个 只能是在没有任何背景的div上加div 否则会被覆盖掉,

    第二个,周围会有边框,局限性大。

 三,阴影问题:PIEjs可以实现阴影,根据效果需要设置背景,不然是黑的。


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多