两种提示IE6.0升级的代码,通用提示IE6升级代码

Windows 8 IE10 都出来了,尽管还没有普及。这里要说的是IE6,IE6对于现在的网页设计来说简直祸害人,很多代码无法兼容。无法实现设计效果,更可怕的就是错位。但IE6仍旧占领着很大的用户群体,如果不是提示升级很多人都不会察觉自己用的还是IE6,尤其是对于电脑不太懂的朋友。

随着网络的发展IE浏览器已经慢慢进化变的完美,IE6已经落后了,网页设计人员设计的网页在IE6不兼容了。在这个里介绍两种提示IE6.0升级的代码,在 </body> 上添加以下代码将它添加到你的网页上 推荐使用第二种,简洁一些。

代码一:

<!--[if lte IE 6]>
<style type="text/css">
#ie6nomore,#ie6-tips,#ie6-dl,#ie6-tips p{float:left}
#ie6nomore{width:100%;height:56px;background-color:#2A2A2A;color:#CCC;font-size:12px;font-family:Verdana, Geneva, sans-serif}
#ie6nomore a{text-decoration:none;color:#A8C779}
#ie6-content{width:700px;margin:0 auto}
#ie6-tips{width:250px}
#ie6-tips p{line-height:150%;text-align:left;height:28px}
#ie6{margin:8px 0 -8px}
#up{font-weight:700;width:300px}
#ie6-dl{width:400px;margin-top:18px}
#ie6-dl span{margin-left:10px}
#ff{background:url(http://cspromod.googlecode.com/files/ff.gif)}
#ie8{background:url(http://cspromod.googlecode.com/files/ie8.gif)}
#sa{background:url(http://cspromod.googlecode.com/files/sa.gif)}
#ch{background:url(http://cspromod.googlecode.com/files/ch.gif)}
#op{background:url(http://cspromod.googlecode.com/files/op.gif)}
#ff,#ie8,#sa,#ch,#op{background-repeat:no-repeat}
#ff a,#ie8 a,#sa a,#ch a,#op a,{margin-left:20px}
</style>
<div id="ie6nomore">
<div id="ie6-content">
<div id="ie6-tips">
<p id="ie6">请注意:您正在使用 IE 6 浏览器</p>
<p id="up">升级或更换另一款浏览器,将获得更好的浏览体验</p>
</div>
<div id="ie6-dl">
<span id="ie8"><a rel="nofollow" href='http://www.browserforthebetter.com/download.html' title='下载 Internet Explorer 8' target='_blank'>IE 8</a></span>
<span id="ff"><a rel="nofollow" href='http://www.firefox.com' title='下载 Firefox' target='_blank'>Firefox</a></span>
<span id="ch"><a rel="nofollow" href='http://www.google.com/chrome' title='下载 Google Chrome' target='_blank'>Chrome</a></span>
<span id="op"><a rel="nofollow" href='http://www.operachina.com/' title='下载 Opera' target='_blank'>Opera</a></span>
<span id="sa"><a rel="nofollow" href='http://www.apple.com/safari/download/' title='下载 Safari' target='_blank'>Safari</a></span>
</div>
<![endif]-->

代码二:

<!--[if lte IE 6]> <script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script><![endif]-->

最后编辑于:2011/11/4作者: 游子

热爱一切美好的新事物,搞网站也被网站搞,剁手折腾。关注与学习Web相关技术与UI\UE\UED\UCD\Server相关知识,服务器运维、前端、后端、非专业程序猿、非高级前端后端攻城师!

10 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

arrow grin ! ? cool roll eek evil razz mrgreen smile oops lol mad twisted wink idea cry shock neutral sad ???

  1. 光纤接入说道:
    6#

    楼主啊,你这个右侧这个鱼很不错,可否分享下代码啊。

  2. 光纤接入说道:
    5#

    IE6,,我连IE都不用,,

  3. yesureadmin说道:
    4#

    这个早加上了,有的写主题的更牛X把IE8也给废了

    • 游子说道:

      IE8 不太好用 谷歌浏览器最好

  4. 手抄报说道:
    3#

    ie8运行实在太慢 一般人升级后想的就是还是ie6好啊

  5. 豆诺博客说道:
    2#

    这个代码很有用,收藏起来,以防下次使用。

  6. Cartoon说道:
    1#

    大概有一半的IE6都是国内用户,哎。。。。

    • 游子说道:

      所以就要提示,让这一半人赶快升级