美文网首页
CSS的一些IE兼容性问题以及vertical-align属性—

CSS的一些IE兼容性问题以及vertical-align属性—

作者: 不2青年 | 来源:发表于2018-01-25 20:31 被阅读0次

一、同行合并

在使用浮动使几个元素合并在同一行的时候最好要每个元素都添加浮动。

二、IE6下的双边距BUG

在IE6下,块元素有浮动,并且有横向的margin,横向的margin值会被放大成两倍。

解决方法:在该块元素上加上display:inline;

三、li下的间隙问题

在IE6、7下li本身没有浮动,但是内容浮动了,li下就会多出来几个像素的间隙。

解决办法:给li加vertical-align:top/middle/bottom;。

四、图片下方默认的间隙处理

给图片添加vertical-align:top;就可以消去间隙。

值得注意的是利用vertical-align进行对其调整的时候,要对要调整的所有元素都要加vertical-align属性。

五、IE6下最小高度问题

所有高度小于19px的元素高度都被当做19px来处理。

解决办法:overflow:hidden;

所有超过给定高度的都会被隐藏。

相关文章

  • CSS的一些IE兼容性问题以及vertical-align属性—

    一、同行合并 在使用浮动使几个元素合并在同一行的时候最好要每个元素都添加浮动。 二、IE6下的双边距BUG 在IE...

  • Hack技术

    CSS Hack来解决浏览器局部的兼容性问题,hack主要针对IE浏览器常见的有三种形式:css属性Hack,cs...

  • 神州之心项目完结总结

    ie8的css兼容性问题 1.不支持box-shadow属性。 解决方法: 使用-ms-filter: "prog...

  • 神州之心项目总结

    ie8的css兼容性问题 1.不支持box-shadow属性。 解决方法: 使用-ms-filter: "prog...

  • CSS Hack

    解决浏览器兼容问题(主要兼容IE浏览器) 属性级hack在css属性名前或者除css属性值后加上一些特殊的标识,以...

  • Vue数据响应原理(三)—— 数组响应的补充

    上篇 Vue数据响应原理(二)—— 数组的响应 中,没有考虑兼容性问题,__proto__ 属性在 IE10 以及...

  • HTML标签的自定义属性(兼容问题的解决方法)

    HTML标签可以自定义属性,但是我们要考虑其在IE、Firefox以及chrome下的兼容性问题。 例如: 这里的...

  • HTML&CSS重点复习

    一、CSS选择器 !important的用法: 可以处理一些兼容性问题,因为在IE6下面无法识别,IE7可以识别;...

  • js脚本化

    读写CSS属性 dom.style.prop 读写行间兼容样式,没有兼容性问题,碰到float这样的的保留字属性,...

  • ie11 解决vue项目兼容性问题

    最近项目尾声,需要做一些兼容性问题处理。其中最重要的自然是ie浏览器的兼容性问题了,于是便开始了网上查找兼容ie1...

网友评论

      本文标题:CSS的一些IE兼容性问题以及vertical-align属性—

      本文链接:https://www.haomeiwen.com/subject/nmlbaxtx.html