IE7 IE8的CSS相容性問題

2021-06-09 21:11:26 字數 426 閱讀 9269

在css標準中,乙個盒模型包括4個區,分別是:內容、內邊距(padding)、邊框(border) 和外邊距(margin)。而width寬度的計算,css有它的標準。但是實際上,不同的瀏覽器的表現卻不同。比如,

firefox(ff)是準確按照css標準:width為內容的寬度 ,也就是說:

層的寬度 = "width" + "padding(left and right)" + "border-width";

而ie則把width作為整個層的寬度 :

內容的寬度 = "width" - "padding" - "border-width";

ie7在一次更新中修正了盒模型的bug,與firefox的解析一致。

以下是ie7 的解決辦法:

而對於ie8 ,只需在html頭部加上這句話

,然後按照ie7 的做法即可。

IE7 IE8 的相容性問題解決(微軟)

注意 本文件是預備文件,隨時可能變更。windows internet explorer 8 引入了文字相容性模式,該模式允許 web 開發人員將瀏覽器設定為以與舊版本相同的方式呈現它們的頁面。可以根據不同的頁面或不同的站點指定相容性模式。本文件介紹了如何通過在 internet informati...

IE相容性問題

通過濾鏡來解決 background rgba 255,255,255,1 火狐,谷歌等 filter progid dximagetransform.microsoft.gradient startcolorstr 19ffffff,endcolorstr 19ffffff 相容ie顏色 19ff...

IE相容性問題

一 css hack 目的是是你的css 相容不同的瀏覽器 書寫順序 一般將使用範圍廣,被識別能力強的css的前面 1 只有ie下生效 ie10以下 2 只有在ie8下生效 3 只在ie8不生效 4 只在ie8以上版本生效 二 屬性字首法 在css屬性名前加上一些只有特定瀏覽器才能識別的hack字首...