2010-01-19 42 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