簡體   English   中英

我在哪里可以找到條件CSS

[英]where can i find Conditional Css for ie

I am trying to understand that what kind of CSS inside the html class="ie.".

這些語句是否有任何CSS文件,如果是,那么這些樣式表中使用的CSS元素是什么。

<!--[if lt IE 7 ]> <html class="ie6"><![endif]-->
<!--[if IE 7 ]>    <html class="ie7"><![endif]-->
<!--[if IE 8 ]>    <html class="ie8"><![endif]-->
<!--[if IE 9 ]>    <html class="ie9"><![endif]-->

您正在查看的是條件注釋 它們是Microsoft標准,它們被烘焙到IE的較早版本中,因為不同版本之間的渲染“怪癖”可能相差很大。 任何非Internet Explorer瀏覽器都將這些內容作為注釋呈現,並以其愉快的方式運行。 但是,較舊版本的IE會保留這些注釋並將它們呈現為內容(如果版本匹配)。 例如,IE6會看到您的標記並以如下方式呈現:

<html class="ie6">
<!--[if IE 7 ]>    <html class="ie7"><![endif]-->
<!--[if IE 8 ]>    <html class="ie8"><![endif]-->
<!--[if IE 9 ]>    <html class="ie9"><![endif]-->

現在,您可以執行的操作是編寫專門針對Internet Explorer 6的CSS -帶有.ie6前綴的任何選擇器都將僅應用於IE6瀏覽器。 遺憾的是有必要,但有用。

請注意,在IE10中,MS認為那里的瀏覽器現在完全沒有怪癖,並且符合標准,不再需要支持任何條件注釋,因此它們無法在IE9 +上運行。

請記住,條件注釋不適用於您的樣式表。 相反,您可以在HTML內使用條件注釋。 首先,我將不同的CSS類/ ID應用於元素,以便可以使用CSS作為目標。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM