ie中存在的兼容问题及解决办法

问题一：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大

解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性

 

问题二：设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

 

问题三：行内属性标签，设置display:block后采用float布局，又有横行的margin的情况，IE6间距bug

解决方案：在display:block;后面加入display:inline;display:table;

 

 

问题四：图片默认有间距

 

解决方案：使用float属性为img布局

 

问题五：标签最低高度设置min-height不兼容

解决方案：如果我们要设置一个标签的最小高度200px，需要进行的设置为：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

 

问题六：透明度的兼容CSS设置： 
css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filter:alpha(opacity=0);这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity:0,对于兼容的，一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，

 

转载于:https://www.cnblogs.com/lp-web/p/6386300.html