htmlcinco

HTML 5, encontrá novedades, tutoriales y traducciones sobre este lenguaje.

Selectores CSS3 en Internet Explorer 6, 7 y 8

Selectores CSS3 en Internet Explorer 6, 7 y 8

No hace falta explicar el poco soporte que tienen las versiones de IE más antiguas (de la 6 a la 8 ) en cuanto a CSS3 se refiere. Uno de los puntos más débiles de estos navegadores son los selectores que este nos ofrece. Pero por suerte existe una herramienta muy útil para ayudarnos con esto.

Así como Modernizr nos asiste para detectar qué nuevas funcionalidades de HTML5 y CSS3 soporta el navegador del usuario, y así poder decidir que haremos en el caso de que no lo haga; Selectivizr nos permite usar selectores de CSS3 en Internet Explorer 6, 7 y 8.

¿Cómo «instalar» Selectivizr?

El único requisito para utilizar Selectivizr, es que uses alguna de las siguientes frameworks de javascript: jQuery, Dojo, Prototype, Yahoo!, DOMAssistant, MooTools y NWMatcher.

Así que, por ejemplo, si queremos utilizarla con jQuery, deberíamos incluir el siguiente código en el head de nuestro sitio:

1
2
3
4
5
<script type="text/javascript" src="jquery.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
  <script type="text/javascript" src="selectivizr.js"></script>
  <noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]-->

La llamada al archivo js de Selectivizr tiene que ir después del script que llama a la librería qué utilicemos (en el ejemplo, jQuery). También está el elemento noscript, el cual en su interior contiene una llamada al «fallback css», que vendría a ser un archivo css con estilos por si el usuario no tiene javascript habilitado en su navegador.

Y eso es todo, ya que Selectivizr funciona automaticamente!

Los nuevos selectores

Con Selectivizr ahora podemos utilizar libremente 19 pseudo-clases (:empty, :checked, :not, etc), 2 pseudo-elementos (::first-line y ::first-letter) y cualquier selector de atributo([attr], [attr=], [attr*=], etc).

Para ver más información, descargar el archivo y ver todos los selectores que soporta para cada librería, visita Selectivizr.com

Comparte conocimiento:
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook
0
  • Bitcoin
  • Ethereum
  • Bitcoin cash
  • Tether
  • Stellar
Scan to Donate Bitcoin to 1L9sRKFJaXHQ8skQXR9b76KATmtEa9hsPn

Bitcoin!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin

Scan to Donate Ethereum to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Ethereum!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Ethereum. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Ethereum

Scan to Donate Bitcoin cash to qqysclxkfj4wnrqepksydauq74lzud805v9zlptxa8

Bitcoin cash!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Bitcoin cash. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Bitcoin cash

Scan to Donate Tether to 0xff68A1f93A2910A9DB02f7ab0DeD97F0ad62b541

Tether!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Tether. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Tether

Scan to Donate Stellar to GDIP3K46BRH3CDVGKDYWNEVHFI5LGG5MOBWU7QUCOCNOW4DJYIEMY2QC

Stellar!

Si el artículo te resultó útil, no dudes en colaborar con nosotros con Stellar. Escanea el código QR o copia la siguiente dirección en tu wallet para enviar Stellar

¿Quieres saber más?
¡Suscríbete a nuestro newsletter!

Respetamos tu privacidad y tu tiempo, no recibirás ningún tipo de correo basura.

4 comentarios para “Selectores CSS3 en Internet Explorer 6, 7 y 8”

  1. Excelente recurso para la compatibilidad entre navegadores!! buen aporte gracias!!

  2. tonyman dice:

    q xevere este recursome sirvio d muxo graxias

Dejar un comentario

¿Quieres saber más?

 

¡La mejor información en tu correo!

(proximamente importantes novedades)