Computer: Makeuper: CSS: Step07: Difference between revisions
Jump to navigation
Jump to search
→各瀏覽器對 CSS 的支援度: Oprea 對標準支援非常優秀喔 |
|||
| Line 6: | Line 6: | ||
#IE 7 families: 還沒出不清楚 | #IE 7 families: 還沒出不清楚 | ||
#Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準 | #Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準 | ||
#Opera: | #Opera: 隨時支援絕大多數新出的開放規格及標準 | ||
#lynx: 不明 | #lynx: 不明 | ||
#links2: 不支援 | #links2: 不支援 | ||
Revision as of 23:09, 20 January 2005
回到 Computer ‧ 回到 Computer: Makeuper
回到 Computer: Makeuper: CSS
各瀏覽器對 CSS 的支援度
- IE 6 families: 只支援一小部分而已
- IE 7 families: 還沒出不清楚
- Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準
- Opera: 隨時支援絕大多數新出的開放規格及標準
- lynx: 不明
- links2: 不支援
- 其它純文字瀏覽器: 不明
如何解決不同瀏覽器的支援度不同的問題
- 使用子類別的方式來處理
- 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
- 寫法 ：
* > TAG { property: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]-->