为ie中不支持的元素添加样式
在html5即将来临之际,ie下有很多html中元素不支持,如果在其他浏览器下为不支持的元素添加样式是没有问题,但是在ie
下添加样式没有效果,这个问题困扰了我很久,今天终于有答案了,在此小记一下:
大家只需要在页面的开始添加下面一小段代码就行了,例如我要为ie6中不支持的nav元素添加样式,现在我在head标签
中加入下面的代码:
document.createElement("nav");
加入的样式马上就应用到nav元素上了。
下面是完整代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>为ie中不支持的元素应用样式</title> </head> <mce:style type="text/css"><!-- nav,navv{background:#000000; color:#FFFFFF}; --></mce:style><style type="text/css" mce_bogus="1">nav,navv{background:#000000; color:#FFFFFF};</style> <mce:script type="text/javascript"><!-- document.createElement("nav"); // --></mce:script> <body> <nav>我爱北京天安门</nav> </body> </html>
最后更新:2017-04-02 04:26:01