通知用户他们需要停止使用 IE6

Question

是否有任何 jQuery 插件或模板可以让人们停止在他们的网站上使用 IE6？
我最近看到一个非常突兀和冒犯的插件，它“警告”了 IE6 的邪恶用户。我正在寻找可以向他们的客户展示的东西。

Answer 1

只需添加一个只有 IE6 用户才能看到的 div。

<!--[if IE 6]>
<div>
  Using IE 6 will curve your spine, please upgrade your version
  of Internet Explorer or download Firefox, Opera, Safari or Chrome.
</div>
<![endif]-->

Answer 2

请记住，由于大公司的 IT 部门，许多网络用户在使用 IE6 时“受阻”。

他们已经知道升级的必要性，而您的消息进一步加剧了他们的情绪。为什么让他们更痛苦？至少给一个温和的信息解释为什么你不能支持 IE6。

Answer 3

您可以使用 CSS 自己编写代码。

在 HTML 中使用条件 cmets 来为 IE6 使用特定的样式表

<!--[if IE6]>  whatever  <![endif]--> 

或将消息放在一个层（div）中并使其仅对 IE6 可见：

display: none !important;
*display: block;

Answer 4

我个人发现任何类型的消息告诉我使用特定的浏览器既傲慢又是开发人员/设计师懒惰的表现。

我的理由是，如果 我 能够以某种方式进行兼容的跨浏览器设计，为什么其他人不能呢？当您考虑作为 javascript 库或 JQuery 插件存在的“浏览器规范化器”时，它变得更加微不足道，它们基本上消除了细微的差异。

这是good example 我的意思。

Answer 5

这个怎么样？在页面顶部放置一个礼貌的通知栏。 （礼貌think2loud，请参阅此链接以获取完整的源代码、示例、css 等）。

function badBrowser(){
    if($.browser.msie && parseInt($.browser.version) <= 6){ return true;}

    return false;
}

function getBadBrowser(c_name)
{
    if (document.cookie.length>0)
    {
    c_start=document.cookie.indexOf(c_name + "=");
    if (c_start!=-1)
        { 
        c_start=c_start + c_name.length+1; 
        c_end=document.cookie.indexOf(";",c_start);
        if (c_end==-1) c_end=document.cookie.length;
        return unescape(document.cookie.substring(c_start,c_end));
        } 
    }
    return "";
}   

function setBadBrowser(c_name,value,expiredays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

if(badBrowser() && getBadBrowser('browserWarning') != 'seen' ){
    $(function(){
        $("<div id='browserWarning'>You are using an unsupported browser. Please switch to <a href='http://getfirefox.com'>FireFox</a>, <a href='http://www.opera.com/download/'>Opera</a>, <a href='http://www.apple.com/safari/'>Safari</a> or <a href='http://www.microsoft.com/windows/downloads/ie/getitnow.mspx'>Internet Explorer 7</a>. Thanks!&nbsp;&nbsp;&nbsp;[<a href='#' id='warningClose'>close</a>] </div> ")
            .css({
                backgroundColor: '#fcfdde',
                'width': '100%',
                'border-top': 'solid 1px #000',
                'border-bottom': 'solid 1px #000',
                'text-align': 'center',
                padding:'5px 0px 5px 0px'
            })
            .prependTo("body");

        $('#warningClose').click(function(){
            setBadBrowser('browserWarning','seen');
            $('#browserWarning').slideUp('slow');
            return false;
        });
    }); 
}