没有IE就没有危害!涉猎器兼容性问题解决方案汇总

更新:2017-10-25    编辑:百强    来源:geguai    人气:加载中...    字号:|

QQ截图20170830094426.png

原标题:涉猎器兼容性问题解决方案 · 总结

普及:涉猎器的兼容性问题,往往是个别涉猎器(没错,就是那个与众不同的涉猎器)对于一些标准的定义不一致导致的。俗话说:没有IE就没有危害。

贴士:内容都是自己总结的,不免会出现差错或者bug,欢迎更正和补充,本帖也会不断更新

Normalize.css

不同涉猎器的默认样式存在差异,可以应用 Normalize.css 抹平这些差异。当然,你也可以定制属于自己业务的 reset.css

respond.js

解决 ie9 以下涉猎器不支持 CSS3 Media Query 的问题

IE 条件注释

IE 的条件注释仅仅针对IE涉猎器,对其他涉猎器无效

没有IE就没有危害!涉猎器兼容性问题解决方案汇总

IE 属性过滤器(较为常用的hack法子)

针对不同的 IE 涉猎器,可以应用不同的字符来对特定的版本的 IE 涉猎器进行样式把持

image

image

image

image涉猎器 CSS 兼容前缀a 标签的几种 CSS 状态的顺序

很多新人在写 a 标签的样式,会困惑为什么写的样式没有效果,或者点击超链接后,hover、active 样式没有效果,其实只是写的样式被覆盖了。

正确的a标签顺序应该是:==love hate==

完美解决 PlaceholderBFC 解决边距重叠问题

当相邻元素都设置了 margin 边距时,margin 将取最大值,舍弃小值。为了不让边距重叠,,可以给子元素加一个父元素,并设置该父元素为 BFC:overflow: hidden;

  • </div> <p>Lorem ipsum dolor sit.</p> 

  • 解决 IE6 不支持 fixed 绝对定位以及IE6 下被绝对定位的元素在滚动的时候会闪动的问题
    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

    站点导航

    您可能在找这些