CSS跨瀏覽器

標籤：c   class   blog   code   a   width   

本文將介紹相容IE+、FF、Chrome、Safari、Opera的技巧

一、CSS HACK

專門為某版本的瀏覽器設定樣式，從而解決瀏覽器顯示的差異

?

1 2 3 4 5 6 7 8 9

selector { +property:value; } 在屬性名稱前加上加號"+",這個Hack只有IE系列可以識別. selector { *property:value; } 在屬性名稱前加上星號"*",這個Hack只有IE系列可以識別. selector { _property:value; } 在屬性名稱前加上底線"_",這個Hack只有IE系列 (除IE7外) 識別. * html selector{ property:value; } 在選取器上運用繼承法 * html selector, 這個Hack只有IE系列 (除IE7外) 可以識別. html/**/ >body  selector { property:value; } 在選取器上運用繼承法 html/**/ >body  selector ,這個Hack只有IE系列 (除IE7外) 可以識別. selector { property/**/:value; } 在屬性名稱和冒號":"之間加入注釋,屏蔽IE6用. selector/**/ { property/**/:value; } 在選取器和花括弧"{"之間以及在屬性名稱和冒號":"之間加入注釋,屏蔽IE5和IE6用 (不屏蔽IE5.5) . select/**/ { property:value; } 在選取器和花括弧"{"之間加入注釋,屏蔽IE5用. *+html  selector { property:value !important; } 在選取器上運用繼承法 *+html selector 再加上 !important, 這個Hack只有IE7可以識別.

 Firefox:

?

1	*:lang(lang) selector { property:value !important; } 用偽類lang(語言)再加上!important進行定義的話,目前只有Firefox可以識別.

 Opera:

?

1	@media all and (min-width: 0px){ selector { property:value; } } 利用特殊繼承法進行定義的話,目前只有Opera可以識別.