由於公司專案要求相容到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.用外掛程式解決，外掛程式位址及呼叫方法如下所示：
4.ie6下設定了position:absolute;的元素不顯示
問題描述：ie6下，設定了
position:absolute;的元素有可能不顯示，原因未明。
問題解決：在該元素後面加個空的div標籤，
5.ie6下float:right;的元素會換行
問題描述：ie6下，同一行設定若干元素
float:left;後若有元素設定
float:right;,該元素會換行。
問題解決：把
foat:right;的元素放置在最前面
6.ie6下，line-height失效
問題描述：ie6下，當文字和img、input、textarea、select、等元素在同乙個容器中的時候，line-height屬性失效。只有全文本時，line-height屬性才有效。
問題解決：在其中乙個非文字的物件的樣式中增加
margin: (容器的line-height - 物件本身的高度)/2px 0;和
vertical-align:middle;
7.ie6下，
hover
失效
問題描述：ie6下，
hover只對a
標籤有效
問題解決：用js
**解決
8.ie6不相容
position:fixed;
問題描述：ie6不支援
position:fixed;
問題解決：1.用
js**解決 2.
用css expression
解決（備註：由於
css expression
/* ie6 頭部固定定位 */.fixed-top
/* ie6 右側固定定位 */.fixed-right
/* ie6 底部固定定位 */.fixed-bottom
/* ie6 左側固定定位 */.fixed-left
/* 修正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...