為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