分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 02:34责任编辑:顾先生关键词:CSSHTML

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中常见的兼容性问题

原文地址:https://www.cnblogs.com/wuyufei/p/10503361.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved