CSS Hack 識別IE6 IE7和其他瀏覽器

2022-01-24 02:39:06 字數 507 閱讀 5478

由於不同的瀏覽器(internet explorer 6,internet explorer 7,mozilla firefox等),對css的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。針對不同瀏覽器寫不同的css code的過程,就是css hack。

css hack 原理

由於不同的瀏覽器對css的支援及解析結果不一樣,還由於css中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的css。比如:ie6能識別下劃線"_"和星號" * ",ie7能識別星號" * ",但不能識別下劃線"_",而firefox兩個都不能認識。

css hack 大致有3中形式:

1、css類內部hack

2、選擇器hack

3、html頭部引用hack(if ie)

(2011/10/4 整理 by 不死小強)

IE6 IE7下 inline block解決方案

ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時,所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時,ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件,但是物件的...

IE6 IE7下 inline block解決方案

ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時,所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時,ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件,但是物件的...

IE6 IE7下 inline block解決方案

ie6 ie7下對display inline block的支援性不好。1 inline元素的display屬性設定為inline block時,所有的瀏覽器都支援 2 block元素的display屬性設定為inline block時,ie6 ie7瀏覽器是不支援的 物件呈遞為內聯物件,但是物件的...