ie678,FF,chrome的css相容性

2021-07-14 10:58:40 字數 1299 閱讀 5315

小知識:什麼是css hack?

由於不同的瀏覽器,比如ie6、ie7、ie8、firefox等,對css的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的css code的過程,就叫css hack,也叫寫css hack。

各瀏覽器css hack相容表:

!important :ie7 、firefox ;

_ :ie6 ;

* :ie6、ie7

*+:ie7 ;

\9 :ie6、ie7 、ie8;

\0:ie8;

nth-of-type(1) :chrome、safari;

**示例:

test

body

:nth-of-type(1)

p /* chrome、safari支援 */

一、css hack

以下兩種方法幾乎能解決現今所有hack

1.!important

隨著ie7對!important的支援, !important 方法現在只針對ie6的hack。(注意寫法,記得該宣告位置需要提前)

test

2. ie6/ie77對firefox

*+html 與 html 是ie特有的標籤,firefox 不支援,而+html 又為 ie7特有標籤。

/* firefox */

*html

/* ie6 fixed */

*+html

/* ie7 fixed, 注意順序 *

注意:

*+html 對ie7的hack 必須保證html頂部有如下宣告:

二、萬能 float 閉合

將以下**加入css 中,給需要閉合的div加上 class=」clearfix」 即可,屢試不爽。

/* clear fix */

.clearfix

:after

.clearfix

/* hide from ie mac */

.clearfix

/* end hide from ie mac */

/* end of clearfix */

相容IE6 7 8的css實現背景透明

html 本報告期 2017 12 2 2017 12 5 海運煤炭運價經過一期的 後再次衝高,並達到2012年7月10日指數發布以來的最高值。12月5日,海運煤炭運價指數ocfi報收1530.24點,期環比上行2.66 分子指數來看,華東線指數報收1620.05點,期環比上行3.06 華南線指數報...

HTTPS下IE6 7 8無法現在檔案的問題

最近專案中碰到了這個問題,將網上的東西貼過來備註下 解決方法 size medium 1 參考上述ms kb,向client登錄檔增加下列dword條目bypasssslnocachecheck,值設為1 hkey local machine software microsoft windows c...

關於IE6 7 8下實現盒陰影的幾個注意點

通常,我們實現盒陰影都是通過這段 來實現的 但是,ie6 7 8不認識這段樣式,所以我們會考慮用濾鏡來實現這功能 其實如果要求不是那麼苛刻的話,ie下用濾鏡已經能達到我們要的效果了。當然,如果你覺得濾鏡不那麼完美,非要用去實現,那也可以,就不用繼續往下讀我要說明的幾個注意點了。首先,濾鏡裡的顏色屬性...