各種瀏覽器css hack

2022-01-19 04:11:09 字數 1651 閱讀 3362

你在寫css時樣式表加上瀏覽器識別符號就行了,各瀏覽器區別如下:

ie都能識別*,標準瀏覽器(如ff)不能識別*;

ie6能識別*,但不能識別 !important;

ie7能識別*,也能識別 !important;

ie8能識別\0,不能識別*,+,_,*加!important;

ff不能識別*,但能識別 !important;

例如style=」*width:10px!important; width:20px;」

這樣在ie6下寬度為10px,在ie7下寬度時20px

其中還有三種寫法:

1種:width:100px; /* firefox及其他瀏覽器 */

width:200px\0; /* ie8能識別\0*/

*width:300px!important; /* ,ie7 既能能識別*號,也能識別important */

*width:400px; /* ie6也能識別*號 */

/*注意順序 */

2種:width:100px; /* firefox及其他瀏覽器 */

width:200px\0; /* ie8能識別\0*/

*width:300px; /* ie7也能識別*號 */

_width:400px; /* ie6能識別下劃線*/

/*注意順序 */

3種:width:100px; /* firefox及其他瀏覽器 */

width:200px\0; /* ie8能識別\0*/

+width:300px; /* +只識別ie7 */

_width:400px; /* ie6能識別下劃線*/

/*注意順序 */

1..color1/*ie6,ie7,ie8,ff,op,sa識別*/

2..color2/*ie7,ie8,ff,op,sa識別*/

3..color3/*ie6,ie7,ie8識別*/

4..color4/*ie7,ie8識別*//*「color」和「/*\**/」之間有個空格*/

其中:op表示opera,sa表示safari

————————————-

各種瀏覽器獨立支援的hack:

width:100px\0;/* 支援ie8 */

_width:100px; /* 支援ie6 */

[width:100px; /* 支援ie6,7 */

+width:100px; /* 支援ie6,7 */

*width:100px; /* 支援ie6,7 */

*width:100px!important; /* 支援ie6,7, */

*+width:100px; /* 支援ie6,7, */

*+width:100px!important;/* 支援ie6,7, */

width:100px\9; /* 支援ie6,7,8 */

width:100px!important; /* 支援ie6,7,8,ff */

w\idth:100px; /*ie5.x不支援 ie6、ie7、ie8、ff支援 */

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

ie條件注釋功能:

此內容只有ie可見

此內容只有ie6.0可見

此內容只有ie7.0可見

出處:

各種瀏覽器CSS hack方法

現在瀏覽器多了,做web頁面還是比較痛苦的,當然,如果你不在乎自己做的頁面在有些瀏覽器上面慘不忍睹那也是種不錯的心態 至少少了點頭痛的機會 可是你老闆或者上司或者你的使用者同意嗎?下面我就介紹我知道的hack方法吧。我現在比較常用的,並且感覺用的不動腦子的方法是 yourid yourclass h...

各瀏覽器CSS hack

區別 ie6與 ff background orange background blue 區別 ie6與 ie7 background green important background blue 區別 ie7與 ff background orange background green 區別 f...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...