1、說明本文闡述了8條我們發(fā)現(xiàn)的在用CSS設(shè)計中有用的解決方案。
2、瀏覽器特定的選擇器
查看原文:http://diger.cn/blog/?p=324
英文地址: http://www.solidstategroup.com/page/1592
翻譯說明:
這是Solid State Group網(wǎng)站上的一篇很友好的文章,解決了我在設(shè)計中碰到的很多問題,故在此我翻譯其文,并對原作者表示非常感謝!
當(dāng)你想在一個瀏覽器里改變樣式而不像在其他瀏覽器中改變時,這些選擇器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child html {} * html {}
只對IE 7
*:first-child html {}
只對IE 7 和現(xiàn)代瀏覽器
html>body {}
只對現(xiàn)代瀏覽器(非IE 7)
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
要使用這些選擇器,請在樣式前寫下這些代碼。例如:
#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}
/* 重寫上面的代碼并且把寬度改為250PX
在IE6以下版本中適用。 */
3、在IE6中使用透明PNG圖片
IE6的一個很難處理的BUG就是它不支持透明PNG圖片。
你可能需要用一個重寫的CSS的濾鏡來解決這個問題:
*html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”fil
ename.png”, sizingMethod=”scale”);
}
新聞熱點
疑難解答