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 经典布局之双飞翼布局-极客学院

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,212评论 0 1
  • CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与F...
    年轻人多学点阅读 367评论 0 7
  • 1.人生一世草生一秋,追寻和获得的如果不是自己最想要的,只是屈从于别人的价值评判和内心对于所谓安全感的追逐,这样的...
    暖心的二小阅读 1,029评论 0 0
  • 说教,道理 你甭气姐姐。 根本就不是能气我的立场好吗? 是看我折不折磨他的立场 其实狭窄通道,仄逼路径 谁都不是个...
    nonONO_ce20阅读 258评论 0 0