Morton 20 de junio de 2013 a las 14.41
   Imprimir artículo
elWebmaster.com

CSS3: Cómo especificar un estilo para Internet Explorer 10


ie10-wideEn Internet Explorer 10 los comentarios condicionales se fueron, para el bien de todos. Es un gran paso para un buen navegador. La detecci√≥n autom√°tica de la funcionalidad es una mejor manera de hacer las cosas en la mayor√≠a de los caso. Pero ¬ŅQu√© pasa si nos encontramos queriendo mostrar un estilo espec√≠ficamente en IE10? Aqu√≠ te acercamos un peque√Īo truco.

Lo que debes hacer es agregar el User Agent al elemento con un poco de JavaScript:

  1. var doc = document.documentElement;
  2. doc.setAttribute('data-useragent', navigator.userAgent);

El User Agent de IE10 ess:

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

Esto resulta en:

  1. <html data-useragent="Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)">

Ahora puedes darle el estilo de esta manera:

  1. html[data-useragent*='MSIE 10.0'] h1 {
  2.   color: blue;
  3. }

Eso es todo ¬°Esperamos que te sea de utilidad!

Fuente original del artículo: CSS Tricks
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Plomero dice:

    Muy buen post! Muchas Gracias!

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder