翻譯說(shuō)明:
這是Solid State Group網(wǎng)站上的一篇很友好的文章,解決了我在設(shè)計(jì)中遇到的很多問(wèn)題,故在此我翻譯其文,并對(duì)原作者表示非常感謝!
查看原文:http://diger.cn/blog/?p=324 英文地址:http://www.solidstategroup.com/page/1592
1、說(shuō)明本文闡述了8條我們發(fā)現(xiàn)的在用CSS設(shè)計(jì)中有用的解決方案。
2、瀏覽器特定的選擇器
當(dāng)你想在一個(gè)瀏覽器里改變樣式而不像在其他瀏覽器中改變時(shí),這些選擇器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child+html {} * html {}
只對(duì)IE 7
*:first-child+html {}
只對(duì)IE 7 和現(xiàn)代瀏覽器
html>body {}
只對(duì)現(xiàn)代瀏覽器(非IE 7)
html>/**/body {}
最新的Opera 9以下版本
html:first-child {}
Safari
html[xmlns*=”"] body:last-child {}
要使用這些選擇器,請(qǐng)?jiān)跇邮角皩?xiě)下這些代碼。例如:
#content-box { width: 300px; height: 150px; } * html #content-box { width: 250px; } /* 重寫(xiě)上面的代碼并且把寬度改為250PX 在IE6以下版本中適用。 */
3、在IE6中使用透明PNG圖片
IE6的一個(gè)很難處理的BUG就是它不支持透明PNG圖片。
你可能需要用一個(gè)重寫(xiě)的CSS的濾鏡來(lái)解決這個(gè)問(wèn)題:
*html #image-style { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizingMethod="scale"); }
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁(yè) 下一頁(yè) CSS hacks與爭(zhēng)議 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|