最常用的12種CSS BUG解決方法與技巧

2021-05-11 02:18:11 字數 525 閱讀 4247

最常用的12種css bug解決方法與技巧

一、 針對瀏覽器的選擇器

這些選擇器在你需要針對某款瀏覽器進行css設計時將非常有用.

* html {}

ie7及其更低版本

*:first-child+html {} * html {}

僅針對ie7

*:first-child+html {}

ie7和當代瀏覽器

html>body{}

僅當代瀏覽器(ie7不適用)

html>/**/body{}

opera9及其更低版本

html:first-child {}

safari

html[xmlns*=""] body:last-child {}

要使用這些選擇器,請將它們放在樣式之前. 例如:

example source code

#content-box

h1 span

當你決定使用乙個比瀏覽器視窗大的或者flash時, 這個技巧將非常有用

12種CSS BUG解決方法與技巧

css bug是布局中最頭疼的問題。我們需要兼顧各種瀏覽器,以期待獲得一致的效果。非常遺憾的是各廠商之間的競爭導致很多問題的存在。而ie6與ie7在很多問題上也存在著很大的差別。輕鬆的解決css bug是我們必須掌握的技能。現在整理出最常用的12種css bug解決方法以及css bug類的小技巧。...

解決CSS BUG的順口溜

一 ie邊框若顯若無,須注意,定是高度設定已忘記 二 浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中 三 三畫素文字慢移不必慌,高度設定幫你忙 四 相容各個瀏覽須注意,預設設定行高可能是殺手 五 獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽 六 學布局須思路,路隨布局原理自然...

解決CSS BUG的順口溜

一 ie邊框若顯若無,須注意,定是高度設定已忘記 二 浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中 三 三畫素文字慢移不必慌,高度設定幫你忙 四 相容各個瀏覽須注意,預設設定行高可能是殺手 五 獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽 六 學布局須思路,路隨布局原理自然...