给wordpress添加升级或更换IE6的提示
IE6,一个早该淘汰却仍赖着不走的老祖宗了,在如今它只会阻碍互联网的发展,因为它的兼容性和安全性太差,并且还有不少...
扫描右侧二维码阅读全文
20
2012/08

给wordpress添加升级或更换IE6的提示

IE6,一个早该淘汰却仍赖着不走的老祖宗了,在如今它只会阻碍互联网的发展,因为它的兼容性和安全性太差,并且还有不少人仍在用IE6尤其是中国,WEB程序员在设计程序时总得考虑下IE6的用户体验,又麻烦又出力。现在已经有很多网站都已经放弃IE6了,升级IE6或更换别的内核浏览器如chrome、firefox等是每个上网人都该做的事情之一。
作为站长,既然放弃了对IE6的兼容,那么顺便让你的网站提醒下IE6用户升级他们的浏览器吧。

对于wordpress,在head.php的head区域添加以下代码:

 

  1. <!--[if lt IE 7]>
  2. <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
  3. <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'>
  4. <a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a>   
  5. </div>
  6. <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
  7. <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>         
  8. <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
  9. <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>您正在使用已经过时的IE 6浏览器!</div>
  10. <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>由于IE 6的安全问题以及对互联网标准的支持问题,建议您升级您的浏览器,以达到更好的浏览效果!</div>
  11. </div>
  12. <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>         
  13. <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>         
  14. <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>         
  15. <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>       
  16. </div>
  17. </div>
  18. <![endif]-->

 

以上代码对于各网站都适用,无非都是添加上面的代码到首页顶部。

最后修改:2019 年 06 月 06 日 08 : 22 AM
如果觉得我的文章对你有用,请随意赞赏

发表评论