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个都写上就行,就能实现兼容,

 

posted @ 2017-02-10 14:41  米修^~^  阅读(325)  评论(0编辑  收藏  举报