web前端開發中瀏覽器相容問題(七)

2021-07-25 02:28:42 字數 1506 閱讀 8536

29.在ie6中list專案間出現空行

ul{width: 200px;

margin: 0;

padding: 0;

list-style: none;

li a{

background: #95cfef;

display: block;

margin-bottom: 1px;

顯示區別

30.在ie6中使用float屬性會產生兩倍距離

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

#element{

background: #95cfef;

border: solid 1px #36f;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

float: left;

顯示區別:

在ie6瀏覽器中存在使用float屬性會產生兩倍距離,在ff和ie7中則不會有同樣的情況出現。

31.溢位邊界問題

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

#element{

background: #95cfef;

border: solid 1px #36f;

width: 300px;

height: 200px;

margin: 0 auto;

顯示區別:

當子元素高度超出父元素時,ie6和ie7 ff 結果不同

32.最低高度設定margin-height ie6不相容

#left,#right{

padding: 5px;

border: 1px solid #000;

float: left;

width: 70px;

margin-right: 5px;

#right{

min-height: 75px;

顯示區別

Web前端瀏覽器相容問題

問題1 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比 設定的大 問題描述 塊狀元素被新增float屬性後,在ie6顯示橫行margin值加倍。解決方法 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬 性。問題2 設定較小高度標籤 ...

web前端瀏覽器相容問題

css中設定萬用字元 標籤設定overflow hidden 或者設定line height的值小於設定值。使用float img布局 opacity 0.5 filter alpha opacity 50 filter progid dximagetransform.microsoft.alpha...

web前端開發中瀏覽器相容問題(二)

6.div浮動ie文字產生3px的問題 左邊物件浮動,右邊採用外補丁的左邊距來定位,右邊物件內的文字會離左邊有3px的間距.box left right html left 顯示區別 7.高度不適應問題 高度不適應是當內層物件的高度發生變化時,外層高度不能自動進行調節,特別是當內層物件使用了marg...