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...