carga diferentes archivos CSS basados ​​en el navegador

Question

Cómo cargar diferentes archivos CSS según el tipo de navegador. Quiero cargar diferentes css para IE y Firefox en asp.net Utilizo IE8 y superior y forefox 3 y superior. por favor ayúdame.

Answer 1

Request.Browser le dará información completa del navegador, donde se puede comprobar la versión, nombre del navegador, el tipo de navegador, etc.

if(Request.Browser.Browser == "IE") 
    { 
     HtmlLink css = new HtmlLink(); 
     css.Href = ResolveClientUrl("~/style/StyleSheet.css"); 
     css.Attributes["rel"] = "stylesheet"; 
     css.Attributes["type"] = "text/css"; 
     css.Attributes["media"] = "all"; 
     Page.Header.Controls.Add(css); 
    } 

Answer 2

Su CSS principal debe ser el que sea compatible con la mayoría de los navegadores (incluido Firefox). A continuación, puede utilizar instrucciones condicionales HTML para cargar hojas de estilo específicas de IE

<!--[if gt IE 7]> 
    According to the conditional comment this is Internet Explorer greater than IE8<br /> 
<link rel="stylesheet" type="text/css" href="IEgreatethan7.css"> 

    <![endif]--> 

o si desea ser específico

<!--[if IE 8]> 
    According to the conditional comment this is Internet Explorer equal to IE8<br /> 
<link rel="stylesheet" type="text/css" href="IE8.css"> 

    <![endif]--> 

Answer 3

Puede utilizar la siguiente sentencia condicional css para cargar un archivo css para IE después de la archivo css principal para Firefox y otros navegadores. Esto le permite volver a utilizar una gran parte del mismo código CSS y sólo sobrescribe aquellas propiedades que IE no hacerlo bien:

<!--[if lte IE 6]> 
<link rel="stylesheet" type="text/css" href="styles/browser.css" /> 
<![endif]--> 

La sentencia condicional anterior se aplica a las versiones de IE inferior o igual a IE6, pero puedes configurar esto para lo que quieras.

Usted puede aprender más acerca de las instrucciones condicionales CSS aquí: http://www.quirksmode.org/css/condcom.html

Answer 4

Si google su pregunta, usted encontrará su respuesta:

del lado del cliente (JavaScript):

• http://tycoontalk.freelancer.com/javascript-forum/101813-loading-different-css-based-on-browser.html

• http://api.jquery.com/jQuery.browser/

-lado del servidor (asp.net): http://msdn.microsoft.com/en-us/library/3yekbd5b.aspx

también buscar en stackoverflow: Browser detection

Answer 5

Se puede utilizar como este.

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

Gracias.