分享一段固定定位的IE6用户升级提醒条

本文完整版阅读地址 http://www.wanglu123.com/shie6-users-upgrade-discuz/

对web标准诡异解析的IE6不止是开发者诅咒的对象，也是站长们头疼的麻烦制造者，没有IE6的世界更加美好，那么让我们携起手共同努力，让IE6早点寿终正寝吧。

我在简约现代派这款 discuz x3 模板风格中预置了固定定位的IE6用户提醒条，提示这部分过于忠诚的用户尽早升级为IE8或者chrome浏览器，这款风格正在discuz应用中心官方审核中，估计本周即可上线（演示站 http://wind.wanglu123.com）。现在我先提前把这段检测代码极其css样式分享给大家，希望能对你有用。

检测并提示IE6用户升级的固定定位提示条代码


<!--[if lt IE 7]>
<style type="text/css">
        * html,* html body{background-image:url(about:blank);background-attachment:fixed; margin: 0; padding: 0; }
        * html .ie6{ position: absolute; left: expression(eval(document.documentElement.scrollLeft)); top: expression(eval(document.documentElement.scrollTop));  z-index: 999; width: 100%; }
        .alert { color: #b94a48; background-color: #f2dede; padding: 14px 0; height: 62px; overflow: hidden; }
        .wp { margin: 0 auto; width: 960px; text-align: left; }
        .btn-success { color: #ffffff; background-color: #5bb75b; background-repeat: repeat-x; display: inline-block; padding: 4px 12px; margin: 3px 5px; font-size: 14px; line-height: 20px; text-decoration: none; }
        .zhe { height: 90px; margin: 0; padding: 0; }
</style>
<div class="ie6 alert alert-error">
        <div class="wp">
        亲，你还在使用10年前的IE6浏览器，太过于陈旧喽！不仅看不到美观的页面，更严重威胁你的上网安全，强烈建议你免费升级微软公司的<a  class="btn btn-success" target="_blank">IE8浏览器</a>（你正在使用的浏览器就是他们的哦），或者使用Google谷歌公司的<a class="btn btn-success"  target="_blank">chrome浏览器！</a>
        </div>
</div>
<div class="zhe"> </div>
<![endif]-->

以上就是代码的全部，你可以复制粘贴在页面的任何部分，但建议是body的直接子元素，因为这段代码使用了固定定位，也就是说，无论页面如何滚动，提示条始终位于浏览器窗口最顶部。

效果图-固定定位的IE6用户升级提示条

固定定位的IE6用户升级提示条

代码中建议用户升级到微软的IE8或者google的chrome，当然更倾向于用户升级chrome或者firefox，他们对标准支持的更好，升级更频繁，关键是对html5支持很好，而IE8呢，它对html5的运用来说不定就是下一个IE6，又一个麻烦制造者。



演示站地址 http://wind.wanglu123.com
IE6提示条演示地址，使用IE6浏览器访问 www.wanglu123.com

不敢强制用户升级

可爱的轩轩 发表于 2013-4-24 06:34
不敢强制用户升级

也没有强制啊，提醒而已喽，中国还是IE6的重灾区，严重影响了web标准和基于web标准的开发，消灭IE6人人有责，哈哈

稍微注重以下细节那就更不错了