css瀏覽器相容(一) css hack技術

2021-05-27 19:04:45 字數 2204 閱讀 6409

css hack技術

1.     css hack的定義:指一種改善css在不同瀏覽器下表現形式的技巧方法。它利用的是瀏覽器的bug。

注:css執行的順序是後乙個總是覆蓋前乙個

2.     css的方法

(1)@import   用於ie4的區分(@import  ie4不能解析)

例:

@import url(「newstyle.css」)

body

newstyle.css

body

(2)screen引數 用於ie與mozila/firefox的區分

(在css中screen用於指定裝置的型別,ie沒有裝置型別的指定,所以不能解析帶該引數的語句)

例:

@import url(「noneie.css」) screen

(3)/**/注釋  用於區分ie5和ie6、firefox

(不允許空格存在,ie5不能解析該符號的語句)

例:

#content /**/

#content

(4)屬性選擇符 用於ie和mozila/firefox的區別

(ie不能解析該型別的語句)

例:

span .content

span [class=content]

(5)子物件選擇符 用於ie和mozila/firefox的區別

(ie不能解析帶該符號的語句)

span .content

span >.content

(6)voice-family用於ie5和ie6、mozila/firefox的區別

(針對殘疾使用的裝置進行特別設定的一種方法,ie5解析不到該符號的語句)

#content\」;

voice-family:inherit;

color:red; /*ie5中 color:red*/

}

#content\」;

voice-family:inherit;

color:red;  /*ie5中 color:red*/

}

(7)!important  用於區分ie 6和ie7

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

例:

(8)*+html 與 *html 用於區別firefox ie6 ie7

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

**:注意:

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

**:

(9)

瀏覽器CSS相容

一 important 在ie6及ff中的使用 box1 box1 important是說這個設定有優先順序,ie碰到 important不會出錯只是忽略他的功能,假如後面又設定了width,ie會以最後設定的 width為準,假如後面再沒有其它設定,則會用當前這個值,也就是前面的 importan...

手機瀏覽器css相容

pixel與point比值稱為device pixel ratio,普通裝置都是1,iphone 4是2,有些android機型是1.5。那麼 webkit min device pixel ratio 2可以用來區分iphone 4 4s 5 和其它的手機 iphone4 4s的解析度為640 9...

CSS相容不同瀏覽器

製作頁面的時候,由於瀏覽器的不同,對css的解析也會有所不同,從而達不到我們預期想要的頁面效果,這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器。css hank。原始 歡迎光臨!減號是ie6專有的hack 9 ie6 ie7 ie8 ie9 ie10都生效 0 ie...