Załaduj inny plik CSS na podstawie przeglądarki

Question

Jak załadować różne css na podstawie typu przeglądarki. Chcę załadować różne css dla IE i Firefox w asp.net Jestem usng IE8 i powyżej i forefox 3 i wyżej. proszę, pomóż mi.

Answer 1

Request.Browser daje pełną informację przeglądarki, gdzie można sprawdzić wersję, nazwę przeglądarki, typ przeglądarki itp

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

Twój główny CSS powinien być obsługiwany przez większość przeglądarek (w tym Firefox). Następnie można użyć HTML instrukcji warunkowych załadować konkretnych stylów 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]--> 

lub jeśli chcesz być specyficzne

<!--[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

można wykorzystywać następujące css warunkowego oświadczenia załadować plik CSS dla IE po główny plik css dla przeglądarki Firefox i innych przeglądarek. Dzięki temu można ponownie wykorzystać wiele z tego samego kodu CSS i tylko nadpisać te właściwości, że IE nie dostać prawo:

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

Powyższa instrukcja warunkowa dotyczy wersji IE mniejsza lub równa IE6, ale możesz ustawić to, co chcesz.

Możesz dowiedzieć się więcej na temat CSS instrukcji warunkowych tutaj: http://www.quirksmode.org/css/condcom.html

Answer 4

Jeśli google Twoje pytanie znajdziesz odpowiedź:

Client-side (javaScript):

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

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

po stronie serwera (asp.net): http://msdn.microsoft.com/en-us/library/3yekbd5b.aspx

szukać także na stackoverflow: Browser detection

Answer 5

można używać w takim stanie.

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

Dzięki.