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