古詩詞大全網 - 成語查詢 - CSS中 *+height是什麽意思

CSS中 *+height是什麽意思

這個是css中hack的寫法。針對ie8以下的瀏覽器起作用。

1、css hack

CSS hack由於不同廠商的瀏覽器,比如Internet Explorer,Safari,Mozilla Firefox,Chrome等,或者是同壹廠商的瀏覽器的不同版本,如IE6和IE7,對CSS的解析認識不完全壹樣,因此會導致生成的頁面效果不壹樣,得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時兼容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。

簡單的說,CSS hack的目的就是使妳的CSS代碼兼容不同的瀏覽器。當然,我們也可以反過來利用CSS hack為不同版本的瀏覽器定制編寫不同的CSS效果。

2、常見的css hack寫法

(1)方式壹 條件註釋法

只在IE下生效

<!--[if IE]>這段文字只在IE瀏覽器顯示<![endif]-->

只在IE6下生效

<!--[if IE 6]>這段文字只在IE6瀏覽器顯示<![endif]-->

只在IE6以上版本生效

<!--[if gte IE 6]>這段文字只在IE6以上(包括)版本IE瀏覽器顯示<![endif]-->

只在IE8上不生效

<!--[if ! IE 8]>這段文字在非IE8瀏覽器顯示<![endif]-->

非IE瀏覽器生效

<!--[if !IE]>這段文字只在非IE瀏覽器顯示<![endif]-->

(2)方式二 類內屬性前綴法

屬性前綴法是在CSS樣式屬性名前加上壹些只有特定瀏覽器才能識別的hack前綴,以達到預期的頁面展現效果。

IE瀏覽器各版本 CSS hack 對照表

說明:在標準模式中

“-″減號是IE6專有的hack

“\9″ IE6/IE7/IE8/IE9/IE10都生效

“\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack

“\9\0″ 只對IE9/IE10生效,是IE9/10的hack