CSS Hack彙總快查

2022-02-13 17:39:52 字數 1484 閱讀 3065

新隨筆,測試下新css

遮蔽ie瀏覽器(也就是ie下不顯示)

*:lang(zh) select /*ff的專用*/

select:empty /*safari可見*/

這裡select是選擇符,根據情況更換。第二句是mac上safari瀏覽器獨有的。

僅ie7識別

*+html 

當面臨需要只針對ie7做樣式的時候就可以採用這個hack。

ie6及ie6以下識別

* html 

這個地方要特別注意很多地主都寫了是ie6的hack其實ie5.x同樣可以識別這個hack。其它瀏覽器不識別。

html/**/ >body  select

這句與上一句的作用相同。

僅ie6不識別

select

這裡主要是通過css注釋分開乙個屬性與值,流釋在冒號前。

僅ie6與ie5不識別

select/**/

這裡與上面一句不同的是在選擇符與花括號之間多了乙個css注釋。

僅ie5不識別

select/*ie5不識別*/

這一句是在上一句中去掉了屬性區的注釋。只有ie5不識別

盒模型解決方法

selct \""; voice-family:inherit; width:正確寬度;}

盒模型的清除方法不是通過!important來處理的。這點要明確。

清除浮動

select:after

在firefox中,當子級都為浮動時,那麼父級的高度就無法完全的包住整個子級,那麼這時用這個清除浮動的hack來對父級做一次定義,那麼就可以解決這個問題 。

截字省略號

select

這個是在越出長度後會自行的截掉多出部分的文字,並以省略號結尾,很好的乙個技術。只是目前firefox並不支援。

只有opera識別

@media all and (min-width: 0px)  }

針對opera瀏覽器做單獨的設定。

以上都是寫css中的一些hack,這些都是用來解決區域性的相容性問題,如果希望把相容性的內容也分離出來,不妨試一下下面的幾種過濾器。這些過濾器有的是寫在css中通過過濾器匯入特別的樣式,也有的是寫在html中的通過條件來鏈結或是匯入需要的補丁樣式。

ie5.x的過濾器,只有ie5.x可見

@media tty } @import 'ie5win.css'; /*";}

}/* */

ie5/mac的過濾器,一般用不著

[copy to clipboard] [ - ]code:

/*\*//*/

@import "ie5mac.css";

/**/

ie的if條件hack

所有的ie可識別

只有ie5.0可以識別

ie5.0包換ie5.5都可以識別

僅ie6可識別

ie6以及ie6以下的ie5.x都可識別

僅ie7可識別

CSS Hack 彙總快查

遮蔽ie瀏覽器 也就是ie下不顯示 lang zh select ff,select empty safari可見 這裡select是選擇符,根據情況更換。第二句是mac上safari瀏覽器獨有的。僅ie7與ie5.0可以識別 html select 當面臨需要只針對ie7與ie5.0做樣式的時候就...

CSS Hack 彙總快查

以前在藍色理想讀過這篇小毅原創文章,今天寫程式時突然需要類似的知識,便留存收藏下來了。原址 http andymao.com andy post 76.html 毅部落格 遮蔽ie瀏覽器 也就是ie下不顯示 lang zh select ff,select empty safari可見 這裡sele...

CSS Hack 彙總快查

遮蔽ie瀏覽器 也就是ie下不顯示 lang zh select ff,僅ie7與ie5.0可以識別 html select 當面臨需要只針對ie7與ie5.0做樣式的時候就可以採用這個hack。僅ie7可以識別 html select 當面臨需要只針對ie7做樣式的時候就可以採用這個hack。ie...