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中的条件注释来使用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;
        });
    }); 
}

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

5 个答案: