2010-01-19 13 views
7

Sto costruendo un'app e non ho intenzione di supportare IE6 in questo momento. Per essere onesti con IE6, voglio che gli utenti di IE6 lo sappiano e non pensano che l'app sia stata realizzata da sviluppatori incompetenti.JQUERY, Avviso Utenti che IE6 non è supportato sono ricercati

Speravo che fosse disponibile un plug-in JQUERY che fornisse un avviso di stile StackOverflow nella parte superiore della pagina, plug & riproduzione e ho finito. Sorprendentemente non trovo un tale plug-in.

Qualcuno sa di alcuni plug-in che potrebbero fare il rilevamento IE6 e come avere un avviso? Sembra che questa sia una cosa comune in questi giorni.

Grazie

+1

http://browsesad.com/ – Jason

+4

anche +1 per non sostenere IE6. È IL DIAVOLO – Jason

+0

http://ie6nomore.com – BalusC

risposta

24

Utilizzare condizionali e CSS

Se si dispone di un header includono file di tipo, (o qualcosa di simile al layout in Rails), basta usare l'IE condizionali:

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

E poi usa uno stile semplice nel tuo foglio di stile.

Oppure, se si vuole veramente jQuery:

Ecco un semplice script jQuery che fa quello che si vuole. Copia questo e salvarlo in 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); 

E poi mettere questo nel head (dopo l'inclusione di jQuery, naturalmente) della pagina:

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

DEMO

This demo è impostato per mostrare in tutti i browser, ma se lo si include come ho mostrato tra il commando condizionale if lte IE 6 ents, sarà solo presentarsi in IE6 e versioni precedenti di IE.

+1

Molto meglio di IMO Javascript. – Javier

4

IE6Update. È leggero e autonomo; non ha bisogno di jQuery, ma funzionerà bene se si sono utilizzando jQuery.

+2

È anche subdolo e fuorviante. –

+0

Se non è un po 'divertente :) –

+1

dirige le persone a scaricare la versione più recente di IE .. sarebbe meglio se li inviasse a ottenere firefox ... lol –

Problemi correlati