瀏覽器CSS相容問題彙總及解決

由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。

1.ie6下height屬性會失效

問題描述：在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，

height失效。

解決方法：對該塊級元素設定

overflow:hidden;

2.div存在最小高度

問題描述：在ie6下，塊級元素會存在大概是13px預設最小高度，即使是空的

div標籤或者

height屬性設定比13px小，也無濟於事，這是因為ie6會預設

font-size:13px;，即使是空

div，也會被撐開，呈現13px的最小高度。

解決方法：設定

font-size:0;或者

overflow:hidden;

3.ie6下png背景不透明

問題描述：在ie7下，png背景會呈現灰色，而不是透明。

問題解決：解決方法有多種，我只列出我常用的兩種：

1.用外掛程式解決，外掛程式位址及呼叫方法如下所示：

[html]view plain

copy

position:absolute;bottom:auto;top:expression(eval(document.documentelement.scrolltop));}  

/* ie6 右側固定定位 */.fixed-right  

/* ie6 底部固定定位 */.fixed-bottom  

/* ie6 左側固定定位 */.fixed-left  

這之中可能會出現抖動的情況，所以還需加入

[css]view plain

copy

/* 修正ie6抖動bug */_body 

瀏覽器CSS相容問題彙總及解決

由於公司專案要求相容到ie6，這之中遇到不少css相容性問題，所以就在部落格彙總下來，以後在專案中遇到新的相容性問題，也會在這裡更新。1.ie6下height屬性會失效 問題描述 在ie6下，即使塊級元素設定了高度，但若元素內部的內容超出設定高度，內部內容會把該塊級元素高度撐開，height失效。解...

css 解決瀏覽器相容問題

這裡大家要知道css不相容的原因是因為各瀏覽器給css預設屬性值不一樣造成的。第一招 給常用css規定屬性值。body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td img ul ul li 上面的建站常用 就相是格式化css樣式，讓各瀏覽...

CSS及瀏覽器相容問題

css 框模型概述 元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距預設是透明的，因此不會遮擋其後的任何元素。內邊距 邊框和外邊距都是可選的，預設值是零。但是，許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 m...