国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS在IE6,IE7,FIREFOX中的區別

2024-07-11 08:20:17
字體:
來源:轉載
供稿:網友
第一種,是CSS HACK的方法

height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

注意順序。

這樣也屬于CSS HACK,不過沒有上面這樣簡潔。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */  


第二種是使用IE專用的條件注釋

<!-- 其他瀏覽器 -->
<link rel="stylesheet" type="text/css" href="css.css" />

<!--[if IE 7]>
<!-- 適合于IE7 -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
< ![endif]-->

<!--[if lte IE 6]>
<!-- 適合于IE6及一下 -->
<link rel="stylesheet" type="text/css" href="ie.css" />
< ![endif]-->


第三種css filter的辦法,以下為經典從國外網站翻譯過來的。

新建一個css樣式如下:

#item {
width: 200px;
height: 200px;
background: red;
}
新建一個div,并使用前面定義的css的樣式:

<div id="item">some text here</div>

在body表現這里加入lang屬性,中文為zh:

<body lang="en">

現在對div元素再定義一個樣式:

*:lang(en) #item{
background:green !important;
}

這樣做是為了用!important覆蓋原來的css樣式,由于:lang選擇器ie7.0并不支持,所以對這句話不會有任何作用,于是也達到了ie6.0下同樣的效果,但是很不幸地的是,safari同樣不支持此屬性,所以需要加入以下css樣式:

#item:empty {
background: green !important
}
:empty選擇器為css3的規范,盡管safari并不支持此規范,但是還是會選擇此元素,不管是否此元素存在,現在綠色會現在在除ie各版本以外的瀏覽器上。

對IE6和FF的兼容可以考慮以前的!important</body>


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 郓城县| 竹溪县| 灵台县| 杭锦旗| 邵武市| 尖扎县| 三门县| 兴城市| 胶南市| 安庆市| 阿鲁科尔沁旗| 通渭县| 民丰县| 会同县| 定安县| 商河县| 岳普湖县| 十堰市| 福贡县| 驻马店市| 英德市| 洛浦县| 甘孜| 淮安市| 通州市| 长丰县| 高碑店市| 闻喜县| 宝鸡市| 德保县| 建始县| 罗山县| 满洲里市| 于田县| 通辽市| 宣城市| 墨竹工卡县| 太仆寺旗| 商都县| 黄浦区| 海伦市|