WordPress博客如何提醒使用IE6浏览器的访客升级浏览器

WordPress博客如何提醒使用IE6浏览器的访客升级浏览器的方法有很多种,垃圾站博客本篇文章分享的方法通过添加代码实现在博客顶部提示IE6访问者升级浏览器,并且还列出了4款最新流行的浏览器供访问者下载。而对非IE 6访问者,则不出现提示。

效果如下图所示:

只需将以下代码添加到head.php文件的head区域即可,代码中的提示文字以及图片链接路径可以自行修改

<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'>
<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>
</div>
<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>您正在使用已经过时的IE 6浏览器!</div>
<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>由于IE 6的安全问题以及对互联网标准的支持问题,建议您升级您的浏览器,以达到更好的浏览效果!</div>
</div>
<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>
<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>
<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>
<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>
</div>
</div>
<![endif]-->

垃圾站认为本方法能够很“醒目”地提醒低版本浏览器访客的浏览器已经过时,同时对使用新版浏览器的访客却是没有影响的!

PS:以上代码中出现的一些图片链接及浏览器下载路径可能已经过期,请按照本法修改的博主适当修改图片以及浏览器下载链接,确保访客可以使用最新版本的浏览器!

本文由垃圾站编辑整理,转载请注明原文链接:http://www.lajiz.cn/1652.html

本文固定链接: http://www.lajiz.cn/1652.html | 垃圾站

该文章由 sdujane 于2013年05月03日发表在 资源分享 分类下, 访客可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客!
原创文章,转载请注明: WordPress博客如何提醒使用IE6浏览器的访客升级浏览器 | 垃圾站
关键字: , ,

WordPress博客如何提醒使用IE6浏览器的访客升级浏览器:目前有4 条留言

  1. 板凳
    Win8迷:

    我的没必要提醒呃

    2013-05-04 上午 11:08 [回复]
    • 我的也懒得提醒,主要原因有点多……

      2013-05-04 下午 12:01 [回复]
  2. 沙发
    小文:

    这个可以有。以前尝试过。原来百度联盟需要网站备案。。。坑爹。

    2013-05-04 上午 1:41 [回复]
    • 最好备案,不过做百度联盟,小博客赚不了钱,稍微自己做点弊就会被封号……

      2013-05-04 下午 12:03 [回复]

发表评论

快捷键:Ctrl+Enter