重灌從IE6變成IE7，才發現很多地方都跑位了orz 　微軟真的讓人很麻煩orz　

研究了一下語法，大概統整如下。未測試完，不敢100%保證ok就是了 = =;


語法
FF
IE7
IE6
IE5
範例
html>/**/body
O
X
X
 
html>/**/body padding: 10px ;
!important
O
O
X
 
padding: 10px !important;
html>body
O
O
X
 
html>body padding: 10px ;
#
X
O
X
 
#padding: 10px ;
+
X
O
X
 
+padding: 10px ;
*:first-child+html
X
O
X
X
*:first-child+html padding: 10px ;
*+html
X
O
X
X
*+html padding: 10px ;
*
X
O
O
 
*padding: 10px ;
*html
X
O
O
O
*html padding: 10px ;
_
X
X
O
O
_padding: 10px ;
 
 
 
 
 
 
 
ex. 1
#userBox {
      padding: 10px; /*for FF*/
      *padding: 10px !important; /*for IE7*/
      *padding: 10px; /*for IE6*/ 
}
 
ex. 2
#userBox {
      padding: 10px; /*for FF*/
      #padding: 10px; /*for IE7*/
      _padding: 10px; /*for IE6*/
}
 
ex. 3
#userBox {
      padding: 10px; /*for FF*/
      +padding: 10px; /*for IE7*/
      _padding: 10px; /*for IE6*/
}
 
ex. 4
#userBox {
      padding: 10px; /*for FF*/
      *+html padding: 10px; /*for IE7*/
      * html padding: 10px; /*for IE6*/    
}


IE7和IE6很多地方不相容，但是跟firefox又不一樣，結果變成要設成三種模式orz
自己的網誌CSS都沒修完，其他的更不用說|||orz
最近都在弄聚會的事，下班後就是收信+回信，好久沒打動畫記了orz 


創作者介紹
創作者 小無的不臘閣 大圖多建議電腦版 的頭像
小無

小無的不臘閣 大圖多建議電腦版

小無 發表在 痞客邦 留言(0) 人氣( 944 )

▲top

請先 登入 以發表留言。