close
小編製作網站時會接觸到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;
}
全站熱搜
留言列表