1. 程式人生 > >HTML和CSS在IE7中常見的兼容性問題

HTML和CSS在IE7中常見的兼容性問題

針對 display css bottom ati posit lin 性問題 兼容性問題

IE7及以下版本都會有這些問題

1.IE7塊轉內聯塊問題

  問題描述:好像塊轉內聯塊失敗,依然不在一行排列

  解決辦法:給元素添加如下css *display:inline;*zoom:1;

  *display:inline;先把元素轉成內聯,再用*zoom:1;觸發盒子有布局的特性,讓它支持寬高(星號 * 意思是針對IE7)

  內聯轉內聯塊沒有問題

2.li包含浮動子元素的問題

  問題描述:li中包含浮動的子元素,li和li之間就會有間隙

  解決辦法:給li加 vertical-align:middle/top/bottom;

3.子元素相對定位,父元素overflow失效問題

  問題描述:子元素面積超出父元素,且子元素是相對定位,在IE7中父元素的overflow:hidden/auto;失效

  解決辦法:給父元素也加一個相對定位 position:relative;

HTML和CSS在IE7中常見的兼容性問題