1、问 题 浏 览器 解 决 方 法1inputbutton | submit 不能用 margin:0 auto; 居中 ie8 为 input添加 width2bodyoverflow:hidden;没有去掉滚动条 ie6/7 设置 htmloverflow:hidden;3 haslayout的标签拥有高度 ie6/7 *height:0;_overflow:hidden;4formhaslayout元素有 margin-left时,子元素中的input | textarea 出现 2margin-leftie6/7form haslayout 元素margin-left:宽度;form d
2、iv*margin-left:宽度2;5当 border-width有 1条后有注释的选择器:selector /*/ selector ie7官方 demo有误14 * html ie6 只对 ie6有效问 题 浏 览器 解 决 方 法15png图片中的颜色和背景颜色的值相同,但显示不同 ie6-7利用 pngcrush 去除图片中的 gamma profiles16margin:0 auto; 不能让 block元素水平居中 ie6-8 给 block元素添加一个 width17使用伪类 :first-line | :first-letter, 属性的值中出现!important 会使属性
3、失效ie8 !important is evil, dont use it anymore18 :first-letter 失效 ie6把 :first-letter 移到离最近的地方,如 h1, p:first-letter,而非 p:first-letter h119position:absolute元素中,a display:block, 在非:hover 时只有文本可点击ie6/7给 a添加 background, 如果背景透明,使用 background:url(任何页面中已经缓存的文件链接),不推荐background:url(#)官方的解决方法,因为会增加一下 http请求20f
4、loat列表元素不水平对齐:li 不设置float,a 设置display:block;float:方向,li 不水平对齐ie6/7给 li设置 display:inline 或 float:方向21 dt, dd, li 背景失效 ie6 dt, dd, liposition:relative;22元素的样式在启用网页特效的情况下显示了样式 ie6-8利用 js给添加display:none;23使用 filter处理的透明背景图片的透明部分不可点 ie6-8把 background:none变成background:url(链接),链接到本身和图片之外的任何文件24 li内元素偏离 bas
5、eline 向下拉 ie8给 li设置 display:inline 或 float:方向25 列表中 li的 list-style不显示 ie6/7给 li添加 margin-left,留空间来显示(不要加在 ul上)26 图片不能垂直居中 ie6/7添加一个空标签,并赋给”layout”, 比如 display:inline-block;27 不能自定义指针样式 ie6-8 给指针文件设置绝对路径28 背景溢出,拖动滚动条后显示正常 ie6 给父元素添加 overflow:hidden防止溢出,问 题 浏 览器 解 决 方 法并赋予 haslayout,如果添加_zoom:1;29 高度超
6、过 height定义的高 ie6添加_overflow:hidden;(推荐)或者_font-size:0;30 宽度超过 width定义的宽 ie6 添加_overflow:hidden;31 双倍边距 ie6 添加 display:inline到 float元素中32margin负值隐藏:haslayout 的父元素内的非 haslayout元素,使用负边距时,超出父元素部分不可见ie6/7去掉父元素的 haslayout;或者赋haslayout给子元素,并添加position:relative;33给两个浮动元素的某中一个的文字设定为斜体,另一个元素下拉在有斜体文字元素的下面ie6给有斜体文字的元素添加overflow:hidden;353px 间隔:在 float元素后的元素,会有 3px间隔 ie6因为是确切的 3px,所以,用“暴力破解”吧,比如_margin-left:-3px;35 text-align 影响块级元素 ie6/7整理你的 float;或者分开设置 text-align