26 votos

Aplicar las reglas CSS si el navegador es IE

Posible duplicado:
¿Condicionales de IE en CSS, ¿cómo?

¿Cómo puedo aplicar las reglas a continuación a IE sólo?

.abc {

float:left;
height:0;
margin:0 10px;
width:0;

/*Apply these rules for IE only*/
position:absolute;
left:30;
top:-10;
/*Apply these rules for IE only*/
}

27voto

Pekka 웃 Puntos 249607

Usted está buscando Comentarios condicionales.

<!--[if IE]>
<style type="text/css">
  IE specific CSS rules go here
</style>
<![endif]-->

18voto

DASPRiD Puntos 1174

Una buena manera de evitar cargar múltiples archivos CSS o en línea CSS es dar una clase a la etiqueta del cuerpo dependiendo de la versión de Internet Explorer. Si usted sólo necesita hacks IE general, se puede hacer algo como esto, pero puede ser extendido para ser versión específica:

<!--[if IE ]><body class="ie"><![endif]-->
<!--[if !IE]>--><body><!--<![endif]-->

Ahora en el código css, puede simplemente hacer:

.ie .abc {
  position:absolute;
  left:30;
  top:-10;
}

Esto también guarda los archivos CSS válido, ya no tienes que utilizar hacks CSS sucio (y válido).

17voto

JohnDel Puntos 718

Un enfoque rápido es utilizar las siguientes según es decir, que desea enfocar (Revise los comentarios), dentro de los archivos css (donde margen superior, cualquier atributo de css te gusta):

margin-top: 10px\9; /*It will apply to all ie from 8 and below */
*margin-top: 10px; /*It will apply to ie 7 and below */
_margin-top: 10px; /*It will apply to ie 6 and below*/

Un enfoque mejor sería comprobar el agente de usuario o un condicional si, para evitar la carga de CSS innecesaria en otros navegadores.

3voto

angryobject Puntos 321

Prefiero usar un archivo separado es decir normas, como se describió anteriormente.

<!--[if IE]><link rel="stylesheet" type="text/css" href="ie-style.css"/><![endif]-->

Y en su interior se puede establecer normas para las diferentes versiones de ie usando esto:

.abc {...} /* ALL MSIE */
*html *.abc {...} /* MSIE 6 */
*:first-child+html .abc {...} /* MSIE 7 */

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: