使用**查詢（寫在css裡）一，支援ie10及以上
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
css**
二，支援ie9及以上
@media screen and (min-width:0\0) {
css**
三，支援ie8及以上
@media screen\0 {
css**
四，僅支援ie8
@media \0screen {
css**
五，支援ie8及以下
@media \0screen\,screen\9 {
css**
六，支援ie7及以下
@media screen\9 {
css**
七，僅支援谷歌
@media screen and (-webkit-min-device-pixel-ratio:0) {
css**
使用ie hacks（寫在css裡）
"_" 是ie6 專有的hack;
"\9" 對ie6-ie10都有效；
"\0"對ie8-ie10都有效；
"\9\0"對ie9-ie10都有效；
background-color:#f00;/*all*/
background-color:#0ff\0;/* ie 8/9 */
background-color:#0f0\9\0;/* ie9 */
*background-color:#00f;/*ie7*/
_background-color:#ff0;/*ie6*/
background-color//:#090;/*非ie*/
background-color:#900\9;/*所有ie*/
缺點:它是不標準的產物。內嵌在其他 css 中，不便維護。尤其是當 hacks 的數量比較多的時候維護簡直是個惡夢。內嵌在其他 css 中，即使在非 ie 瀏覽器中也會被載入，浪費資源。
條件注釋（寫在html裡）
根據不同瀏覽器寫不同css
最近幾天幫朋友弄了個簡單的生日頁面放在我的github部落格上，就有了不同瀏覽器可能發生介面的錯亂，如何解決？當然，作為乙個小白，我的思路是通過js判斷瀏覽器型別，再用jquery變換相應的樣式。事實證明是可以的。參考這裡只是進行最簡單的判別 例子 function return false if ...
針對不同瀏覽器核心css寫法
針對谷歌瀏覽器核心支援的css樣式 media screen and webkit min device pixel ratio 0 針對ie6特製識別的css樣式 html searchbox 針對ie7特製識別的css樣式 html searchbox 針對firefox瀏覽器的核心css寫法 ...
CSS相容不同瀏覽器
製作頁面的時候，由於瀏覽器的不同，對css的解析也會有所不同，從而達不到我們預期想要的頁面效果，這個時候我們就需要針對不同的瀏覽器去寫不同的css，讓它能夠同時相容不同的瀏覽器。css hank。原始 歡迎光臨！減號是ie6專有的hack 9 ie6 ie7 ie8 ie9 ie10都生效 0 ie...