1. Inicio
  2. Pregunta y respuesta
  3. JQUERY, Advertencia Usuarios que no son compatibles con IE6

JQUERY, Advertencia Usuarios que no son compatibles con IE6

2010-01-19 16 views
7

Estoy compilando una aplicación y no tengo intenciones de admitir IE6 en este momento. Para ser justo con IE6, quiero que los usuarios de IE6 lo sepan y no crean que la aplicación fue hecha por desarrolladores incompetentes.JQUERY, Advertencia Usuarios que no son compatibles con IE6

Esperaba que hubiera un complemento JQUERY disponible que proporcionara una buena alerta de estilo StackOverflow en la parte superior de la página, enchufe & play y listo. Sorprendentemente, no encuentro ese complemento.

¿Alguien sabe de algún complemento que pueda hacer la detección de IE6 y es bueno tener la advertencia? Parece que esto es algo común en estos días.

Gracias

Fuente

2010-01-19 AnApprentice

+1

http://browsesad.com/ – Jason

+4

también 1 por no apoyar IE6. ES EL DIABLO – Jason

+0

http://ie6nomore.com – BalusC

Respuesta

24

Use condicionales y CSS

Si usted tiene un header incluyen el tipo de archivo, (o algo así como el layout en Rails), sólo tiene que utilizar el IE condicionales:

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

Y luego use un estilo simple en su hoja de estilo.

O, si realmente quiere jQuery:

Aquí es un simple script de jQuery que hace lo que quiere. Copia este y guardarlo en 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);

Y luego poner esto en el head (después de la inclusión de jQuery, por supuesto) de su página:

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

DEMO

This demo está configurado para mostrar en todos los navegadores, pero si lo incluye como lo mostré entre if lte IE 6 comm condicional ents, solo aparecen en IE6 y versiones anteriores de IE.

Fuente

2010-01-19 02:55:58

+1

Mucho mejor que Javascript IMO. – Javier

4

IE6Update. Es liviano e independiente; no necesita jQuery, pero funcionará perfectamente si es usando jQuery.

Fuente

2010-01-19 02:53:06 hobbs

+2

También es tortuoso y engañoso. –

+0

Si no es algo gracioso :) –

+1

dirige a la gente a descargar la versión más nueva de IE ... sería mejor si los enviara a obtener Firefox ... lol –

Cuestiones relacionadas

 Cuestiones relacionadas