重灌從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
IE7和IE6很多地方不相容,但是跟firefox又不一樣,結果變成要設成三種模式orz
自己的網誌CSS都沒修完,其他的更不用說|||orz
最近都在弄聚會的事,下班後就是收信+回信,好久沒打動畫記了orz
全站熱搜
留言列表