10css兼容性问题

margin兼容性问题

display:inline-block

IE6 最小高度问题

IE6 双边距

li里元素都浮动 li 在IE6 7下方会产生4px间隙问题

IE6下双边距和4pxBUG共存

浮动元素之间注释,导致多复制一个文字问题

IE6 7 父级元素的overflow:hidden 是包不住子级的relative

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

lE6下绝对定位元素和浮动元素并列绝对定位元素消失

IE6 下input的空隙 和 border问题

IE6 下 输入类型表单控件背景问题

在IE6下,子元素会撑开父级的宽高,标准下不会,所以设置宽高一定要计算好

在IE6下,元素浮动,如果宽度需要内容撑开,就给里边的元素都加浮动

IE6下最小高度(overflow:hidden)

IE6下1px点线不支持(切背景平铺)

在IE6下解决margin传递要触发haslayout

在IE6下父级有边框的时候,子元素的margin值消失(触发haslayout)

—————————————————–css hack—————————————————————-

hack 黑客? (原意:修改)

针对不同的浏览器写不同的CSS 样式的过程,就叫CSS hack!

\9 所有的IE9及之前

+ * IE7及ie7的ie浏览器认识

_IE6及ie6的ie浏览器认识

———————————————html条件注释语句————————————————————-

<!–[if IE]>

这是IE

<![endif]–>

<!–[if IE 9]>

9

<![endif]–>

————————————————————————————————————————

IE6不支持png24图片

解决方法js插件,问题:不能解决body上的问题

CSS 经典布局之双飞翼布局-极客学院

等高布局:左右两列高度自适应扩展,并且相等;

    原文作者:专业泡妞号
    原文地址: https://www.jianshu.com/p/802b0a8fbea4
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞