兼容问题(下)

每个浏览器不同的内核,不同的处理引擎,不同的渲染引擎就会导致写同一条样式的时候出现差异 这个现象叫做做兼容

浏览器:Ie(6 7 8 9 10 11) 谷歌 火狐 苹果

Ie6 7的常见的兼容性的问题

H5标签兼容。 (js文件引入)

第一块元素浮动,第二块元素加margin值等于第一块元素,在IE6下会有间隙问题; (第二块元素也float)

IE6下子元素超出父级宽高,会把父级的宽高撑开 (绕过)

p 包含块元素嵌套规则。 (绕过)

margin兼容性问题 合并 塌陷(传递) (float border overflow:hidden)

display:inline-block 的问题 (display:inline;zoom:1)

IE6 最小高度问题 (overflow:hidden)

IE6 双边距 (*display: inline;)

li里元素都浮动 li 在IE6 7 下方会产生4px间隙问题 (*vertical-align: top;)

IE6 7 父级元素的overflow:hidden 是包不住子级的relative (*position: relative; )

IE6下绝对定位元素父级宽高是奇数,绝对定位元素的right和bottom值会有1px的偏差 (设为偶数)

IE6 下input的空隙 (*float: left;)

IE6 下 输入类型表单控件背景问题 (background-attachment: fixed;)

IE6不支持背景透明的问题 <script src="js/DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix("i"); </script> 引人一个js文件包

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native 开发适配心得

众所周知用React Native是可以开发跨平台的Android和iOS App。我们可以用React Native开发Android应用也可以开发iOS应用...

39750
来自专栏二次元

CSS3随机背景图片切换特效

看大家扒我的幻想领域二次元限定版扒的比较累,扒了大半个小时的,抽空整理一下发出来

22130
来自专栏程序员宝库

移动端布局攻略

作者:Tolonger 原文链接:https://www.jianshu.com/p/9e7e755ca281 除了百分比流式布局之外,rem布局占据了目前移...

48560
来自专栏xingoo, 一个梦想做发明家的程序员

CSS布局那点事儿

布局 最开始老的一代网站开发,布局都是通过表格实现的。 这样可以形成规整的网格布局,但是也会带来一定的复杂性。比如想要新增某个页面元素,就有可能要改动整个表格...

25350
来自专栏Guangdong Qi

iOS开发常用之 HUD 弹窗

75220
来自专栏菩提树下的杨过

[转自blueidea]像table一样布局div Ⅰ

翻译自:Equal height boxes with CSS 原文:http://www.456bereastreet.com/archive/200405...

25470
来自专栏程序员宝库

神奇的选择器 :focus-within

有个错误有必要每次讲到伪类都提一下,有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:),这是 CSS3 规范中的一部分要求,目的是为了区分伪类...

11620
来自专栏前端知识分享

第64天:CSS常用命名规范,有用!

16530
来自专栏GIS讲堂

openlayers4中用font设置图标样式

font其实是个好东西,不论是写css还是。。。,这不,牛老师想把它用在openlayers4中,用以很方便的设置图标的大小、颜色,还不失真,东拼西凑,终于算是...

21310
来自专栏编程

《小白HTML5成长之路35》再做一个顶部的提示信息

最近天气干燥,小白和老朱都感冒了,虽然状态不好,小白还是没有停止HTML5前进的脚步,他憋了一股劲一定要在2018年到来之前提高一个台阶。看到老朱来到办公室,小...

23790

扫码关注云+社区

领取腾讯云代金券