截字省略號
select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 這個是在越出長度后會自行的截掉多出部分的文字,并以省略號結尾,很好的一個技術。只是目前Firefox并不支持。
只有Opera識別
@media all and (min-width: 0px){ select {……} } 針對Opera瀏覽器做單獨的設定。
以上都是寫CSS中的一些HACK,這些都是用來解決局部的兼容性問題,如果希望把兼容性的內容也分離出來,不妨試一下下面的幾種過濾器。這些過濾器有的是寫在CSS中通過過濾器導入特別的樣式,也有的是寫在HTML中的通過條件來鏈接或是導入需要的補丁樣式。
IE5.x的過濾器,只有IE5.x可見
@media tty { i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";} }/* */ IE5/MAC的過濾器,一般用不著
[Copy to clipboard] [ - ]CODE: /*\*//*/ @import "ie5mac.css"; /**/
IE的if條件Hack
<!--[if IE]> Only IE <![endif]--> 所有的IE可識別 <!--[if IE 5.0]> Only IE 5.0 <![endif]--> 只有IE5.0可以識別 <!--[if gt IE 5.0]> Only IE 5.0+ <![endif]--> IE5.0包換IE5.5都可以識別 <!--[if lt IE 6]> Only IE 6- <![endif]--> 僅IE6可識別 <!--[if gte IE 6]> Only IE 6/+ <![endif]--> IE6以及IE6以下的IE5.x都可識別 <!--[if lte IE 7]> Only IE 7/- <![endif]--> 僅IE7可識別
以上內容可能并不全面,歡迎大家能和我一起把這些技巧都匯總起來,為以后工作的查詢提供一個方便,同時在這里感謝那些研究出這些HACK的作者們。
經典論壇討論: http://bbs.blueidea.com/thread-2738996-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2007/4733.asp
出處:藍色理想
責任編輯:moby
上一頁 CSS Hack匯總快查 [1] 下一頁
◎進入論壇網頁制作、網站綜合版塊參加討論
|