让IE支持HTML5元素作为CSS选择器

  IE6、IE7、IE8不支持HTML5,IE9开始支持HTML5,这就导致我们无法在IE6/IE7/IE8中使用HTML5元素作为CSS选择器。利用下面的脚本可以解决这个问题,需要注意的是这个脚本需要在页面渲染以前执行。

<!--[if lte IE 8]>  
<script type="text/javascript">  
(function(){  
   var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');  
   for(var i = 0; i < html5elmeents.length; i++){  
      document.createElement(html5elmeents[i]);  
   }  
})();  
</script>  
<![endif]-->
posted @ 2012-04-10 10:16  polymorphic  阅读(219)  评论(0编辑  收藏  举报