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