CSS不同瀏覽器間相容技巧

2021-05-02 05:36:45 字數 1134 閱讀 7110

當你想在乙個瀏覽器裡改變樣式而不像在其他瀏覽器中改變時,這些選擇器很有用。

ie6以下

example source code

[www.52css.com]

*html{}

ie 7 以下

example source code

[www.52css.com]

*:first-child+html {} * html {}

只對ie 7

example source code

[www.52css.com]

*:first-child+html {}

只對ie 7 和現代瀏覽器

example source code

[www.52css.com]

html>body {}

只對現代瀏覽器(非ie 7)

example source code

[www.52css.com]

html>/**/body {}

最新的opera 9以下版本

example source code

[www.52css.com]

html:first-child {}

safari

example source code

[www.52css.com]

html[xmlns*=」"] body:last-child {}

要使用這些選擇器,請在樣式前寫下這些**。例如:

example source code

[www.52css.com]

#content-box  

* html #content-box  

/* 重寫上面的**並且把寬度改為250px 

在ie6以下版本中適用。 */

ie8 最新css hack:

"/9"例:"margin:0px auto/9;".這裡的"/9"可以區別所有ie和firefox.

"*" ie6、ie7可以識別.ie8、firefox不能.

"_" ie6可以識別"_",ie7、ie8、firefox不能.

CSS相容不同瀏覽器

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

瀏覽器CSS相容

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

css不同瀏覽器相容性處理

input.form control webkit input placeholder input.form control ms input placeholdereg background rgba 255,255,255,1 filter progid dximagetransform.mic...