‧css的網頁設計解決方案
現在的網頁設計裡,一些文字的編排與顏色的配置或表格的製作,大都使用css的設計,但不乏出現一些無法解決的問題,以下為網頁css瀏覽器特定選擇器的使用方法。
‧css網頁瀏覽器說明文本
1、說明文闡述了8條我們發現的在用網頁CSS設計中有用的解決方案。
2、瀏覽器特定的選擇器
查看原文
英文位址︰http://www.solidstategroup.com/page/1592
翻譯說明︰
這是Solid State Group網站上的一篇很友好的文章,解決了網頁設計中遇到的很多問題,當你想在一個瀏覽器裡改變樣式而不像在其他瀏覽器中改變時,這些選擇器很有用。
IE6以下
*html{}
IE 7 以下
*:first-child+html {} * html {}
只對IE 7
*:first-child+html {}
只對IE 7 和現代瀏覽器
html>body {}
只對現代瀏覽器(非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”);
|
|