Computer: Makeuper: CSS: Step07: Difference between revisions
Jump to navigation
Jump to search
| Line 15: | Line 15: | ||
#使用子類別的方式來處理 | #使用子類別的方式來處理 | ||
##只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。 | ##只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。 | ||
##寫法 ： <p style="color:red;">* > TAG { attribute:value; } ;</p> | ##寫法 ： <p style="color:red;">* > TAG { attribute : value ; } ;</p> | ||
##解說<p>「*」是萬用字元，可用來代表任何的 HTML 標籤。</p><p>「>」就是子類別的表示法， IE 6 看不懂所以使用這個時，以下的樣式指定就會被它所忽略掉。</p> | ##解說<p>「*」是萬用字元，可用來代表任何的 HTML 標籤。</p><p>「>」就是子類別的表示法， IE 6 看不懂所以使用這個時，以下的樣式指定就會被它所忽略掉。</p> | ||
#使用 Javascript 來辯識瀏覽器的版本 | #使用 Javascript 來辯識瀏覽器的版本 | ||
Revision as of 03:36, 23 January 2005
回到 Computer ‧ 回到 Computer: Makeuper
回到 Computer: Makeuper: CSS
各瀏覽器對 CSS 的支援度
- IE 6 families: CSS 1 全部、CSS 2 非常少
- IE 7 families: 還沒出不清楚
- Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準
- Opera: 隨時支援絕大多數新出的開放規格及標準
- lynx: 不明
- links2: 不支援
- 其它純文字瀏覽器: 不明
如何解決不同瀏覽器的支援度不同的問題
- 使用子類別的方式來處理
- 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
- 寫法 ：
* > TAG { attribute : value ; } ;
- 解說
「*」是萬用字元，可用來代表任何的 HTML 標籤。
「>」就是子類別的表示法， IE 6 看不懂所以使用這個時，以下的樣式指定就會被它所忽略掉。
- 使用 Javascript 來辯識瀏覽器的版本
- 使用內嵌 IE7 Favelet 的 js 檔案來處理。
- http://dean.edwards.name/IE7/favelet.html
- 在文件中放入以下 JavaScript 語法以使 IE 使用該檔，而其它瀏覽器不使用。（檔案位置請自行調整）
<!--[if it IE7]>
<script type="text/javascript" src="ie7.js"></script>
<[endif]-->