DIV CSS 佈局教程網

 
 
<linkrellinkrel="stylesheet"type="text/CSS"href="css.CSS"/> 
 
 
 
<linkrellinkrel="stylesheet"type="text/CSS"href="IE7.CSS"/> 
 
 
 
 
<linkrellinkrel="stylesheet"type="text/CSS"href="IE.CSS"/> 
 
 

貌似要編三套CSS，我還沒用過，先粘過來再說

IE的if條件Hack

1. 
2. 
3. 
4. 
5. 
6. 
7. 
8. 
9. 
10. 
11.注:gt=GreatThen大於  

>=>大於號
lt=LessThen小於
<=<小於號
gte=GreatThenorEqual大於或等於
lte=LessThenorEqual小於或等於

四、CSSfilter的辦法

新建一個CSS樣式如下：

#item{  
 
width:200px;  
 
height:200px;  
 
background:red;  
 
}  
 

新建一個div,並使用前面定義的CSS的樣式：

<div>sometextherediv> 
 

在body表現這裡加入lang屬性,中文為zh：

<bodylangbodylang="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各版本以外的浏覽器上。