2010-01-19 58 views
7

我正在构建一个应用程序,目前无意支持IE6。为了公平对待IE6,我希望IE6用户知道这一点,而不是认为该应用是由无能的开发人员制作的。JQUERY,警告不支持IE6的用户需要

我希望有一个JQUERY插件可以在页面的顶部提供一个不错的StackOverflow风格的警报,插入&玩,我完成了。令人惊讶的是我没有找到这样的插件。

有没有人知道任何可以做IE6检测的插件,以及作为一个很好的警告?似乎这是近来常见的事情。

谢谢

+1

http://browsesad.com/ – Jason 2010-01-19 03:12:39

+4

也为+1不支持IE6。它是恶魔 – Jason 2010-01-19 03:13:22

+0

http://ie6nomore.com – BalusC 2010-08-13 19:37:30

回答

24

使用条件和CSS

如果你有一个header包括类型的文件(或类似的东西在轨layout),只需要使用IE条件:

<body> 
    <!--[if lte IE 6]> 
     <div id="ie-warning">This site does not support IE6</div> 
    <![endif]--> 

然后在样式表中使用简单的样式。

或者,如果你真的想要的jQuery:

下面是一个简单的jQuery脚本,你想要做什么。它复制此并保存到jquery.ie6.js

(function($){ 
    $(function(){ 
     var message = "This site does not support Internet Explorer 6. Please consider downloading a <a href='http://firefox.com'>newer browser</a>.", 
      div = $('<div id="ie-warning"></div>').html(message).css({ 
        'height': '50px', 
        'line-height': '50px', 
        'background-color':'#f9db17', 
        'text-align':'center', 
        'font-family':'Arial, Helvetica, sans-serif', 
        'font-size':'12pt', 
        'font-weight':'bold', 
        'color':'black' 
       }).hide().find('a').css({color:'#333'}).end(); 
     div.prependTo(document.body).slideDown(500); 
    }); 
})(jQuery); 

然后把这个在head您的网页(包含jQuery的课程后):

<!--[if lte IE 6]> 
    <script src="jquery.ie6.js" type="text/javascript" charset="utf-8"></script> 
<![endif]--> 

DEMO

This demo设置显示在所有浏览器,但如果你包括它,因为我显示if lte IE 6条件通讯ents,它会只有出现在IE6和IE的老版本。

+1

比Javascript IMO好得多。 – Javier 2010-01-19 03:06:04

4

IE6Update。它轻巧且独立;它不需要jQuery,但如果你使用jQuery ,它就会工作得很好。

+2

它也是迂回和误导。 – 2010-01-19 02:53:24

+0

如果不是有点滑稽:) – 2010-01-19 02:56:16

+1

它指示人们下载更新版本的IE ..会更好,如果它发送他们得到Firefox ...大声笑 – 2010-01-19 02:57:39