你是否遇到過(guò)CSS bug問(wèn)題，本文向大家介紹一下最常用的12種CSS BUG解決方法與技巧，CSS bug是布局中最頭疼的問(wèn)題。我們需要兼顧各種瀏覽器，以期待獲得一致的效果。

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

CSS bug是布局中最頭疼的問(wèn)題。我們需要兼顧各種瀏覽器，以期待獲得一致的效果。非常遺憾的是各廠商之間的競(jìng)爭(zhēng)導(dǎo)致很多問(wèn)題的存在。而IE6與IE7在很多問(wèn)題上也存在著很大的差別。在51cto.com大量的技術(shù)文檔中，也包含了這方面的內(nèi)容。輕松的解決CSS bug是我們必須掌握的技能。現(xiàn)在整理出最常用的12種CSSBUG解決方法以及CSSBUG類的小技巧。希望對(duì)您的學(xué)習(xí)、工作有所幫助，如果您依然有疑問(wèn)，歡迎您到51cto.com查閱、搜索相關(guān)內(nèi)容。

一、針對(duì)瀏覽器的選擇器

　　這些選擇器在你需要針對(duì)某款瀏覽器進(jìn)行CSS設(shè)計(jì)時(shí)將非常有用.
　　IE6及其更低版本
　　*html{}
　　IE7及其更低版本
　　*:first-child+html{}*html{}
　　僅針對(duì)IE7
　　*:first-child+html{}
　　IE7和當(dāng)代瀏覽器
　　html>body{}
　　僅當(dāng)代瀏覽器(IE7不適用)
　　html>/**/body{}
　　Opera9及其更低版本
　　html:first-child{}
　　Safari
　　html[xmlns*=""]body:last-child{}
　　要使用這些選擇器,請(qǐng)將它們放在樣式之前.例如:

ExampleSourceCode

#content-box{  
width:300px;  
height:150px;  
}  
ExampleSourceCode  
*html#content-box{  
width:250px;  
}  
 

二、讓IE6支持PNG透明

　　一個(gè)IE6的Bug引起了大麻煩,他不支持透明的PNG圖片。
　　你需要使用一個(gè)CSS濾鏡

ExampleSourceCode 

*html#image-style{  
background-image:none;  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil  
ename.png",sizingMethod="scale");  
}  
 

三、移除超鏈接的虛線

　　FireFox下,當(dāng)你點(diǎn)擊一個(gè)超鏈接時(shí)會(huì)在外圍出現(xiàn)一個(gè)虛線輪廓.這很容易解決,只需要在標(biāo)簽樣式中加入：本文由52CSS.com整理，轉(zhuǎn)載請(qǐng)注明出處！

ExampleSourceCode 

outline:none.  
a{  
outline:none;  
}  
 

#p#

四、給行內(nèi)元素定義寬度

　　如果你給一個(gè)行內(nèi)元素定義寬度,那么它只是在IE6下有效.所有的HTML元素要么是行內(nèi)元素要么就好是塊元素.行內(nèi)元素包括:,,和.塊元素包括