您现在的位置是：首页 > 网站制作 > CSS3|Html5CSS3|Html5
布局中 各类常见的兼容性问题
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介1.双倍浮动Bug 描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大； 解决方案：给设置 float 的元素添加 display: inline; 2.表单行高不
1.双倍浮动Bug
描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大；
解决方案：给设置 float 的元素添加 display: inline;
2.表单行高不一致
解决方案：
①：给表单元素添加 float 属性；
②：给表单元素添加 vertical-align: middle;
3.在IE6下不能识别较小高度的容器（一般小于10px）
解决方案：
①：给容器添加 overflow: hidden;
②：给容器添加 font-size: 0;
4.在a标签中嵌套img标签，在某些浏览器中图片会有边框
解决方案：给 img 标签添加 border: none; 或 border: 0;
5.最小高度 min-height 在IE6下不兼容
解决方案：
方案一：
min-height: 100px; _height: 100px;方案二：
min-height: 100px; height: auto !important; height: 100px;
6.图片默认有空隙
解决方案：
①：给图片添加 float 属性；
②：给图片添加 display: block;
7.百分比BUG
描述：两个宽度为 50% 的元素左浮动后，大于父元素的100%；
解决方案：给右边浮动的元素添加 clear: right;
8.鼠标指针BUG
描述：cursor: hand; 只有低版本的IE浏览器支持；
解决方案：cursor: pointer; 所有浏览器都支持；
注：cursor 用来设置鼠标指针的形状；
9.低版本IE浏览器不能识别opacity属性
解决方案：
opacity: 0.5; filter: alpha(opacity=50);
10.上下margin重叠问题
描述：给上边的元素设置margin-bottom，给下面的元素设置margin-top，浏览器只会识别其中较大的那个值；
解决方案：
①：margin-top 和 margin-bottom 只设置其中一个值；
②：给其中的一个元素在套一个容器，并设置overflow: hidden;
11.给子元素设置 margin-top 应用在了父元素上（假传圣旨）
解决方案：
①：把给子元素设置的 margin-top 改为给父元素设置 padding-top
②：给父元素设置 float
③：给父元素设置 overflow: hidden;
④：给父元素添加 1px 的透明边框 border-top: 1px solid transparent;
PS：设置透明边框
border: 1px solid transparent;
12.按钮默认大小不一
解决方案：
①：如果设计稿中按钮是一张图片，直接给按钮设置背景图即可；
②：用 a 标签模拟按钮；
Tags：
扫描关注胜于蓝微信|公众号，第一时间获取网站模板更新动态
本文地址：/web/html/78.html
很赞哦！ ()
相关文章
随机图文
使用CSS3制作文字、图片倒影
CSS3制作文字、图片倒影需要涉及到使用CSS3.0新属性之box-reflect。box-reflect属性目前仅在Chrome、Safari和Opera浏览器下支持，但这并不影响我们来学习这个属性的应用
布局中 各类常见的兼容性问题
1.双倍浮动Bug 描述：块元素设置 float 后，又设置了横向的margin，在IE6下显示的margin值比设置的值要大； 解决方案：给设置 float 的元素添加 display: inline; 2.表单行高不-
CSS 颜色十六进制值
按十六进制值排序列表按颜色名称进行排序 Color Name HEX Color Black #000000 Navy #000080 DarkBlue #00008B Me 
三步实现滚动条触动css动画效果
现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力
文章评论
当前时间
快速排名
- 网站建设|万词霸屏,企业软文推广,刷下拉框
- 快速排名：不用再等SEO三个月，只需3-7天即可把行业关键词覆盖百度搜索引擎首页，点击不收费，排名报表，真实访问量报表一目了然。
合作加盟
- 扫码请注明来意,否则不会通过
- 填写商户姓名不要带有“超市”,“便利店” ,“百货”等
- 扫码成为快钱代理
- 扫码加站长微信,为您推荐快钱总部负责人
- 快钱POSS机（电签版）
- 1,免押版：签约费率快捷交易0.38%,常规交易0.65%
- 贷记卡单笔≥3000元视为激活
- 2,,有押版：签约快捷交易0.38%,常规交易0.65%
- 激活首刷≥99元,扣除99元系统服务费,多出部分shishi到账
- 电签版ipos参与每月扶持奖励
- 电签版ipos与Mpos单独考核台均
- 30台以上有效激活奖励3000元扶持金
- 当月交易额≥3000元的为活跃用户
标签云
猜你喜欢
