CSS網(wǎng)頁設(shè)計(jì)中的解決方案

2024-07-11 08:43:21

字體：大中小

供稿：網(wǎng)友

1、說明本文闡述了8條我們發(fā)現(xiàn)的在用CSS設(shè)計(jì)中有用的解決方案。
2、瀏覽器特定的選擇器
查看原文：http://diger.cn/blog/?p=324
英文地址： http://www.solidstategroup.com/page/1592
翻譯說明：
這是Solid State Group網(wǎng)站上的一篇很友好的文章，解決了我在設(shè)計(jì)中遇到的很多問題，故在此我翻譯其文，并對(duì)原作者表示非常感謝！

當(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)跇邮角皩懴逻@些代碼。例如：
#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}
/* 重寫上面的代碼并且把寬度改為250PX
在IE6以下版本中適用。 */
3、在IE6中使用透明PNG圖片
IE6的一個(gè)很難處理的BUG就是它不支持透明PNG圖片。
你可能需要用一個(gè)重寫的CSS的濾鏡來解決這個(gè)問題：
*html #image-style {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”fil
ename.png”, sizingMethod=”scale”);
}

上一篇：Firefox和IE通用的三則網(wǎng)站重構(gòu)實(shí)用技巧

下一篇：由淺入深實(shí)踐學(xué)習(xí) Web 標(biāo)準(zhǔn)