版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
1:图片3px间距
bug : img把div\li\dt。。。。。。撑大大约3px的间距
css hack :
a :
<div>
<img src="./images/bg.gif" alt="">
</div>
b: 给图片添加
display:block;
2: 图片的边框问题:
bug: 在IE浏览器上面,当图片有超链接的时候,图片会出现蓝色边框。
css hack: 给图片设置border : 0;
3: 表单元素对齐方式不一致。
bug: input对齐不一致。
css hack : float:left;
4: 表单元素 input 按钮大小不一致。 ( 网页中的按钮如果是一张图片的情况下,切图 )
bug:如果按钮元素有边框的时候
css hack:在input的外嵌套一个元素,把边框添加在父元素上面。
5:鼠标指针BUG
bug : 鼠标指针对属性值不兼容问题 cursor : hand ( IE低版本能识别 )
css hack : cursor : pointer;
6:透明度
bug : opacity : 0 - 1; ( IE不支持 ) /*透明度设置:作用整个元素 */
css hack : filter:alpha(opacity=0);
IE6经典:
1:双倍浮向
bug: 在IE6里面,把浮动边的margin双倍显示;例如浮动方向和margin方向一致时候,第一个元素margin双倍显示;
css hack:
display:inline ;
2:ie6最小高度
bug : height 小于 16px 保持16px间距
css hack ;
font-size : 0; 或者 overflow:hidden;
过滤器:*( 浏览器专门支持的一个语法或者是一个符号. )
1: IE6过滤器: _属性:属性值.
2: * IE6和IE7 : *属性:属性值
3: \0 IE8以上 属性值:属性值\0;
4: !important IE6不识别.