HTML和CSS在IE7中常见的兼容性问题

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;

转载于:https://www.cnblogs.com/wuyufei/p/10503361.html

HTML和CSS在IE7中常见的兼容性问题相关推荐

Html和CSS在浏览器中常见的兼容性问题处理
1,居中问题格里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码: margin: 0 auto; 2,高度问题两上下排列或嵌套的格,上面的格设置高度(高度),如果DIV里的实际内容大 ...
java 网页排版乱_HTML、DIV+CSS网页制作中排版混乱的几种常见的情况
对于Web前端初学者或者经验不够丰富的人来说,出现页面排版布局混乱的情况并不罕见,有时候明明前面部分的网页都很整齐美观,可是在接下来的部分中经常会出现网页布局混乱,比如content无法调整到开发者需 ...
CSS中常见的长度单位 1
1.CSS中常见的长度单位名称英文全称中文名相对/绝对长度换算描述 % percentage 百分比相对原长度*百分数 px pixel 像素长度由屏幕大小和其分辨率决定 e ...
css什么是自适应布局,CSS中常见的自适应布局是什么
CSS中常见的自适应布局是什么发布时间:2020-12-05 13:24:07 来源:亿速云阅读:102 作者:小新这篇文章主要介绍CSS中常见的自适应布局是什么,文中介绍的非常详细,具有一定的 ...
【前端实例代码】使用 HTML CSS实现指纹扫描仪特效动画效果 |前端开发网页制作基础入门教程网页开发中常见的样式与特效，收藏起来肯定用的上~
b站视频演示效果: [web前端特效源码]使用 HTML CSS 和 JavaScript 实现指纹扫描仪特效动画效果 |前端开发网页制作基础入门教程效果图: 完整代码: <!DOCTYP ...
五大主流浏览器的内核，前端在IE浏览器中常见的兼容问题
一标题五大主流浏览器及其内核 1.Trident 代表作:IE 元老级内核之一,由微软开发,并于1997年10月首次在ie 4.0中使用,凭借其windows垄断优势, Trident市场占有率一直 ...
DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
DIV+CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
DIV+CSS IE6/IE7/IE8/FF兼容问题大全
其他兼容技巧(相当有用) 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决) 2, 居中问题. 1).垂直居中. ...

HTML和CSS在IE7中常见的兼容性问题

HTML和CSS在IE7中常见的兼容性问题相关推荐

最新文章

热门文章