CSS相容不同瀏覽器

2021-09-19 13:28:22 字數 685 閱讀 5871

製作頁面的時候,由於瀏覽器的不同,對css的解析也會有所不同,從而達不到我們預期想要的頁面效果,這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器。css hank。

原始**:

歡迎光臨!

「-″減號是ie6專有的hack 

「\9″ ie6/ie7/ie8/ie9/ie10都生效 

「\0″ ie8/ie9/ie10都生效,是ie8/9/10的hack 

「\9\0″ 只對ie9/ie10生效,是ie9/10的hack 

具體操作如下,區分可以對照表

.box
微調部分**可以在大括號裡面分別寫。

/*chrome/safari*/

@media screen and (-webkit-min-device-pixel-ratio:0)

/*firefox*/

@-moz-document url-prefix()

/*ie10+*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)

資料參見:

CSS不同瀏覽器間相容技巧

當你想在乙個瀏覽器裡改變樣式而不像在其他瀏覽器中改變時,這些選擇器很有用。ie6以下 example source code www.52css.com html ie 7 以下 example source code www.52css.com first child html html 只對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...