1.谷歌浏览器表单元素在点击时候会出现外边线
hack:outline:none;
2.ie中图片加了超链接后会带有边框
hack:border:none/0;
3.ie6以下的版本中,浏览器正在解析浮动元素时,会错误地把浮向边界加倍显示
hack:display:inline
4.ie6以下的版本中,部分块元素拥有默认高度(低于16px高度)
hack:给元素添加声明 overflow:hidden
5.透明度写法,在ie9以及以下的版本中,不支持opacity
opacity:0-1;在ie9以上及其他浏览器
filter:alpha(opacity=1-100);在ie9以及以下的版本
6.百分比bug:在IE6及以下版本中在解析百分比时,会按四舍五入方式计算从而导致50%加50%大于100%的情况。
hack:给右面的浮动元素添加声明:clear:right
7.直接去掉表单控件的边框时用border:0/none;不能兼容ie7以下的浏览器
hack:加背景颜色可以去掉边框
8.min-height的兼容问题(在ie6以下的浏览器,height属性等同于min-height)
加了关键字过滤器!important就会有最高优先级
min-height:50px;
height: auto !important;
height:50px;
在低版本中就会自动解析height:50px;效果上和min-height一样(因为后者会覆盖前者),在高版本中,解析的是前两行,但是高度auto,和最小高度一样。