1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. [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或更舊的版本*/
}