(IE6)中常見的幾個相容性問題簡述

2021-10-12 17:45:57 字數 1081 閱讀 4035

產生條件:不設定文件宣告,頁面就會陷入怪異盒模型解析模式

解決方法:加入文件宣告

產生條件:在ie6下,塊元素有浮動有橫向的margin,橫向的margin值會被放大成兩倍浮動方向與margin方向一致時,該方向會出現雙倍邊距

解決方法:display:inline

img
產生條件:ie6瀏覽器 li標籤設定寬高,且li裡面的元素發生了浮動

解決方法:1. li不設定寬高;

2. li內部的標籤不進行浮動

產生條件:部分塊狀元素會有預設高度(一般為16px-18px之間)

解決方法: 1.給元素新增overflow:hidden;

2.font-size:0;

六、表單行高不一致

產生條件:一行中的文字輸入框和按鈕不在同一高度

解決辦法:給表單元素新增float:left;並去掉預設邊框border:0;

七、元素img下高度超出,出現多餘空白

解決方法:1.設定img為display:block;

2.父級設定overflow:hidden;

八、左浮元素margin-bottom失效

解決方法:1.顯示設定高度

2.父標籤設定_padding-bottom代替子標籤的margin-bottom

3.再放個標籤讓父標籤浮動,子標籤margin- bottom,即(margin-bottom與float不同時 作用於乙個標籤)

九、position下的left,bottom錯位

解決方法:為父級(relative層)設定寬高或新增*zoom:1

十、子級中有設定position,則父級overflow失效

解決方法:為父級設定position:relative

十一、塊元素中有文字及右浮動的行元素,行元素換行

解決方法:將行元素置於塊元素內的文字前

十二、透明rgba與opacity

產生條件:ie6不支援此兩種透明的設定方法

解決方法:使用ie6當中的濾鏡filter替代掉,

如:opacity:0.6;filter:alpha(opacity=60)異盒模型問題

CSS在IE6中常見的相容性問題

1.在ie6中png24格式的不透明 解決辦法 寫乙個條件注釋語句,引入乙個js外掛程式,然後呼叫一下js中的方法,把需要處理的元素的類名寫在括號中,如下 2.ie6中position fixed 無效 可以用position absolute 進行定位,right控制右邊的距離,top值用通過js...

坑爹的IE6相容性問題

第一 ie6不支援小於12px的盒子 解決方法很簡單,就是將盒子的字型大小,設定小 小於盒子的高 比如0px。height 4px font size 0px 瀏覽器hack,就是瀏覽器提供的後門,針對某一種瀏覽器做相容。ie6留了乙個後門,就是只要在css屬性之前加上下劃線,這個就是專門用來對付i...

IE6相容性的幾個問題

ie6 下的內外邊距問題 ie6 裡面的 div 會擠壓外面的 div 造成各個瀏覽器寬度不同是由於 ie6使用 margin 或padding 會擠壓div 的寬度,導致寬度變長造成的,而 ie7,ie8 不會。無論是 ie7還是 ie8使用 padding 都會往外擠,只是 ie6不夠位置了會擠...