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