首頁
»
網頁開發
»
CSS
»
[CSS]個別定義Firefox、IE7、IE6樣式

[CSS]個別定義Firefox、IE7、IE6樣式

2008/11/22

　　當二大瀏覽器如火如屠的大戰下，除了要讓網頁能在Firefox與IE下皆能正常顯示外，最令人頭痛的事，光IE又分成IE6與IE7，因此!important似乎有點不夠用，因此為了讓網頁能在三種環境正常的顯示時，只好依各其所需個別定義，下圖中各位可看見，當firefox讀取時則會顯示綠色框、IE6.0為紅色框、IE7.0為藍色框，其語法如下。

▪ 個別定義firefox、ie7、ie6

 div{

     　 height: 100px;

　 width: 100px;

     　 border: 2px solid #009966; /*firefox*/

　*border: 2px solid #0033CC; /*ie7*/

　_border: 2px solid #FF3366; /*ie6或更舊的版本*/

    }

※如有發現掉圖或檔案無法下載，請由回應區留言告知，將會盡速處理！
※本站採用CC授權請勿全文轉貼本站文章，歡迎「部份引用」與介紹，並註明出處，謝謝。

CSS, css2教學, css教學,

友好網站　樂活大方 | 男丁格爾

熱門關鍵字:

[CSS]個別定義Firefox、IE7、IE6樣式

回應本文