垃圾站 资源分享 WordPress博客如何提醒使用IE6浏览器的访客升级浏览器

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

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

效果如下图所示:

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

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

[php]
<!--[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]-->
[/php]

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

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

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

上一篇
下一篇
联系我们

联系我们

返回顶部