16 febrero 2010

Haciendo funcionar la propiedad CSS :hover en IE

Bueno, después de varias horas tratando de solucionar un problemita del trabajo con un sitio en WordPress, me enteré gracias a Bernie Zimmerman que para que el Internet Exporer (versiones IE7 e IE8) le agregue un :hover por CSS a otra cosa que no sea un enlace (un tag "a"), hay que agregarle un DOCTYPE especial. Resulta que el DOCTYPE de una página indica que tipo de soporte CSS brinda el navegador. Asi que si uno quiere agregarle :hover a cualquier elemento y no solamente a los enlaces, hay que agregarle un "strict DOCTYPE" a la página. Por ejemplo:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

Pero tampoco termina ahí! Porque lo que conviene es que esta línea sea la primera dentro del documento html, porque sino el IE tampoco la tiene en cuenta y sigue funcionando en el "quirks mode" en lugar del modo standard.

2 comentarios: