H5兼容ie做法

IE浏览器支持新的标签：可以在使用新标签之前用javascript创建一个虚假的标签，这样就可以识别了。如<article>标签，在使用前，创建一个虚假的<article>标签，<script>document.createElement_x_x_x("article");</script>

注意，此时如果IE下显示有问题的话，可能是article的每个子元素都有一个边框，就给article的css里加上display:block,这样就解决了，因为IE没有把html5里面的新标签定义为dispaly:block;

利用这一技巧，可以为所有的新元素都一次性创建一份虚假副本

<script>

   var e=("abbr,article,aside,audio,canvas,datalist,details,"

        +"figure,footer,header,hgroup,mark,menu,meter,nav,output,"

        +"progress,section,time,video").split(',');

   for(var i=0;i<e.length;i++){

       document.createElement_x_x_x(e[i]);

      }

</script>

转载于:https://www.cnblogs.com/Krystal-33/p/7909953.html

• 点赞
• 收藏
• 分享
• 文章举报