2017-02-15 2 views
-1

ich eine Übung Frage habe, die ist:Anzeige unterschiedliche Farbe basierend auf Browser

einen Ausschnitt von CSS schreiben, die in einen Absatz in blau in älteren Browsern, rot neueren Browsern, grün in IE6 und schwarz in IE7 angezeigt werden

ich fange an zu denken, das eine Fangfrage, wie nach vielen googeln, der einzige Code bedingte Browser I geht in html wie diese finden kann: für

<!--[if IE]> 
    According to the conditional comment this is IE<br /> 
    <![endif]--> 

Obwohl dies eigentlich nicht arbeiten mich vis Studio verarbeitet diese Aussage nur als Kommentar. Soweit ich das beurteilen kann, ist es nicht möglich, ein CSS-Schnipsel dafür zu schreiben, habe ich recht?

+1

Es ist eine Übungsfrage. Denkst du, dein Lehrer versucht dich zu überlisten, indem er dich bittet, etwas zu tun, was nicht möglich ist? Hinweis: Er/Sie ist nicht. Tipp # 2: Sie sind auf dem richtigen Weg mit Ihrem bedingten Kommentar, denken Sie daran, dass Sie alles in Ihren bedingten Kommentar einfügen können, einschließlich HTML-Tags ..... wie Stylesheets. – Adam

+0

Scheint, dass Sie Ihrem Tutor sagen sollten, dass diese Frage veraltet ist – Pete

+0

'jQuery.browser' und' jQuery.browser.version' können Ihnen helfen. – RRajani

Antwort

1

Ich sollte wirklich nicht, dass Sie die Antwort auf eine Quiz werden geben ... aber

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

<!--[if IE 6]> 
<div class="ie6"> 
<![endif]--> 

<!--[if IE 7]> 
<div class="ie7"> 
<![endif]--> 

<!--[if IE 8]> 
<div class="ie8"> 
<![endif]--> 

<!--[if IE 9]> 
<div class="ie9"> 
<![endif]--> 

<!--[if gte IE 8]> 
<div class="ie8plus"> 
<![endif]--> 

<!--[if lt IE 9]> 
<div class="ie9lower"> 
<![endif]--> 

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

</div> 

ich Ihnen die CSS-Regeln verlassen werde;)

+0

Das obige erlaubt Ihnen auch, alle Ihre Styles in einem Stylesheet zu behalten – Digedu

+0

funktioniert nicht für mich, vis Studio verarbeitet nur den Code, wie kommentiert und inspizieren das Element einmal gebaut tut das gleiche, so mein 'Hallo Welt' Text doesn ' t haben irgendwelche Eigenschaften, um css-Regeln zu verwenden, ob ich IE oder Chromiere – Jynn

+0

Siehst du wirklich den Code "wie ist", der auf deinem Bildschirm anzeigt? Ie. Es zeigt tatsächlich die Kommentare an? – Digedu

1

Verwenden Sie verschiedene CSS-Dateien für jede Version IE

<!--[if !IE]--><link href="styles.css" rel="stylesheet" media="all" /><!--[endif]--> 
<!--[if IE 6]><link href="ie6.css" rel="stylesheet" media="all" /><![endif]--> 
<!--[if IE 7]><link href="ie7.css" rel="stylesheet" media="all" /><![endif]--> 
<!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]--> 
Verwandte Themen