css中相容各個IE版本

2021-07-13 06:49:36 字數 1827 閱讀 8817

ie6,ie7,ie8,firefox相容的css hack

補充:color

好多css hack,最重要的是簡單實用能解決問題就行了

總結:\9: ie6 ie7 ie8

*: ie6 ie7

_: ie6

*+: ie7

----------------------------------------

ie6,ie7,firefox相容的css hack

第一種辦法:

body

第一排給firefox以及其他瀏覽器看;

第二排給ie7,ie7既能能識別*號,也能識別important;

第三排給ie6也能識別*號;

第二種辦法,使用_來區分ie6:

body

第一排給firefox以及其他瀏覽器看;

第二排給ie7,ie7既能能識別*號;

第三排給ie6能識別下劃線;

ie8的相容,就是在value後面家\9然後再";",如:
.inq-result-container
那麼ie9及後面的版本呢?看這些詳細的語法:
@media

\0screen\,screen\9

}

html

>

/**/

body

.ie8

or

@media

\0screen

}

.

ie8

@media

screen\0

}

@media

screen

and(

min-

width:0

\0)and(

min-

resolution:.

001dpcm

)}

@media

screen

and(

min-

width:0

\0)and(

min-

resolution:+

72dpi

)}

@media

screen

and(

min-

width:0

\0)/* backslash-9 removes ie11+ & old safari 4 */

}

_

:-ms

-lang(x

),.ie10

_

:-ms

-lang(x

),.ie10up

or

@media

all

and(-ms-

high

-contrast

:none

),(-ms-

high

-contrast

:active

)}

_

:-ms

-fullscreen,:

root

.ie11up

css相容ie寫法

width auto 是寬度自動的意思。9是hack css 的一種寫法,這種在正常css 後面加 9 的方式,只有ie瀏覽器才能識別,其他瀏覽器會忽略這條語句。這樣就能做到差異化瀏覽器,來達到相容瀏覽器的目的。對此,還有其他hack css的寫法。如 color red 一般瀏覽器識別,字型顏色為...

css3相容IE8的方案 各個ie的hack

雖然現在很多專案已經對低版本ie不要求了,但是還有部分公司對ie8還是很執著的,咱作為屌絲前端程式設計師不能和老闆說前端潮流,不能說趨勢,只能動腦子了,下面就分享一些css3相容ie8的方案思路。主要是實現彎道超車。比如css3的nth child選擇器,它有多好用就不解析了,問題它不相容ie8,怎...

css3中transform相容ie 傾斜div

引用qq transform rotate 30deg 相容性強 ms transform rotate 30deg ie9 o tranform rotate 30deg opera webkit transform rotate 30deg chrome safria moz transform...