Computer: Makeuper: CSS: Step07

回到 Computer ‧ 回到 Computer: Makeuper
回到 Computer: Makeuper: CSS

各瀏覽器對 CSS 的支援度

1. IE 6 families: CSS 1 全部、CSS 2 非常少
2. IE 7 families: 還沒出不清楚
3. Gecko families(Mozilla, Firefox...): 隨時支援絕大多數新出的開放規格及標準
4. Opera: 隨時支援絕大多數新出的開放規格及標準
5. lynx: 不明
6. links2: 不支援
7. 其它純文字瀏覽器: 不明

如何解決不同瀏覽器的支援度不同的問題

1. 使用子類別的方式來處理
   1. 只能用在外部的 CSS 檔案及 HTML 文件 head 處的 style 宣告而已。
   2. 寫法 ：

      * > TAG { attribute : value ; }

   3. 解說

      「*」是萬用字元，可用來代表任何的 HTML 標籤。

      「>」就是子類別的表示法， IE 6 看不懂所以使用這個時，以下的樣式指定就會被它所忽略掉。

2. 使用 Javascript 來辯識瀏覽器的版本
3. 使用內嵌 IE7 Favelet 的 js 檔案來處理。
   1. http://dean.edwards.name/IE7/favelet.html
   2. 在文件中放入以下 JavaScript 語法以使 IE 使用該檔，而其它瀏覽器不使用。（檔案位置請自行調整）
      <!--[if it IE7]>
      <script type="text/javascript" src="ie7.js"></script>
      <[endif]-->
      

如何寫一個純文字瀏覽器也能正常觀看的網頁

1. 使用 lynx viewer 你可以看看你的網頁用 lynx 的顯示結果
   • http://www.delorie.com/web/lynxview.html
2. 純文字瀏覽器要假設其不支援以下數種功能
   1. unicode 文字編碼
   2. CSS 樣式表
   3. javascript
   4. 圖片、音樂等多媒體格式檔案
3. 在 Firefox 1.0 中可以這麼做來模擬純文字瀏覽器
   1. 關閉 css - 在「檢視 → 樣式表」中選「不使用樣式表」
   2. 關閉 javascript - 在「工具 → 選項 → 網頁」中把 javascript 關閉掉
   3. 關閉圖片 - 在「工具 → 選項 → 網頁」中把顯示圖片關閉掉
4. Firefox 可以裝 Web Developer 來方便模擬
   • 相關使用法請見 moztw.org
5. 其它補充：如果你的網頁在關閉以上功能後會慘不忍睹的話，最好重新編排一下網頁的結構。