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>

posted on 2017-11-28 14:57  玉米杯  阅读(424)  评论(0编辑  收藏  举报