您的位置:首頁 > 網絡資訊 > 網頁設計

新聞詳細

網頁設計最全的CSS Hack
2011-06-01 來源:思派網絡 [ ]

CSS Hack 是用來解決目前各類瀏覽器無法標準解析CSS樣式,導致網頁在各瀏覽器下出現顯示效果不一致的兼容問題。目前手机赌博無法指望各類瀏覽器能實現統一的解析標準,所以隻能用CSS Hack來單獨糾正各大瀏覽器的兼容問題。

在網上隨便可以搜索到大堆的CSS Hack但是卻很難找到最齊全的CSS Hack,而且網上流傳的CSS Hack基本上都需要按順序來寫,對於新手來說的話就會顯得比較麻煩了。所以手机赌博必須需要一份最完全的CSS Hack,他必須單獨針對某個瀏覽器,而不需要繁瑣的去排序。 最全的CSS Hack請往下麵看吧!

/* 針對IE 6的專屬CSS Hack */

#id{
_display: block;
}

IE6瀏覽器下隻要在CSS屬性前加上一個小下劃線就行了。

/* IE 7 */
#id{
*display: block;
}

IE7瀏覽器下隻要在CSS屬性前加上一個星號就行了。

/* IE 8*/
#id{
margin-top: 10px \9; /*IE8*/
}

IE8瀏覽器下隻要在CSS屬性後麵,分號前麵打上一個空格然後反斜線加一個數字9就行了。

/* Firefox */
@-moz-document url-prefix()
{
#id{ display: block; }
}

火狐瀏覽器下,隻要將CSS代碼寫入到 @-moz-document url-prefix(){ } 裏麵就行了。

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#id { display: block; }
}

蘋果的Safair和火狐差不多,寫到 @media screen and (-webkit-min-device-pixel-ratio:0){ } 這裏麵。

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #id { display: block; }
}

Oprea也是照葫蘆畫瓢。

PS:上麵的CSS樣式中的“#id” 就是需要渲染的元素。也可以是class。CSS Hack雖然可以解決瀏覽器的兼容性問題,但是卻通不過W3C的驗證,不說話又說回來瀏覽器都不標準還管得著W3C標準嗎。