CSShack

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/weixin_44792521/article/details/97267807

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不识别.

猜你喜欢

转载自blog.csdn.net/weixin_44792521/article/details/97267807