小編製作網站時會接觸到CSS排版,有些客戶還在使用IE6以及IE7的瀏覽器,CSS會有問題,所以在這邊提供解決IE6以及IE7跑版的問題。

 

早期設計時的IE瀏覽器與FF瀏覽器區分
一般常會去動到margin,所以都是在原始的下面加*號,因為都是由上往下讀取,所以*出現時,就會把上方的設定值蓋掉。藉此來區分IE跟FF,也就是個別設定。

margin-top:0;    // 原始(FF)
*margin-top:-2px;    // 針對IE瀏覽器

 

 

現在可以針對某一個瀏覽器去修改(IE6、IE7、FF)

background:#FFF; // 原始(FF)

*background:#39f; // IE7
_background:#f9f; // IE6



早期設計只有為IE6、FF,現在得加入IE7

早期只有IE6跟FF,現在電腦不斷的更新,安裝新電腦都會自動升級為IE7,

所以一些IE7的問題就會出現,所以又要去針對IE7瀏覽器的CSS去修改它,
若在屬性前增加 *+ html是沒有用的,要加在 {} 前。
這類型的解法:*+html → IE7 認為 html 前面的 DTD 聲明也是一個元素,所以 html 會被選擇。

body{
background:#FFF; // 原始(FF)
*background:#39f; // IE7
}

*+html body{     // IE7 only
background:#f9f; 
}
arrow
arrow
    全站熱搜

    9G 發表在 痞客邦 留言(0) 人氣()