# css兼容1

# css兼容1_第1张图片
timg.jpg
  • css透明问题

1.IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
2.FF:opacity:0.6。
两个最好都写并将opacity放在下面.


  • css圆角问题

1.IE:ie7以下版本不支持圆角。 圆角使用背景图片
2.FF:-moz-border-radius:4px


  • *cursor:hand / cursor:pointer *

    firefox不支持hand,但ie支持pointer ,两者都是手形指示。 

解决方案:统一使用pointer


  • 不同浏览器的默认值表现差别
FF默认padding

    FF设置padding,width和heihgt会增加,而IE不会


  • 图片3像素
在任何浏览器中,图片都会有间距

1.将图片转化成块,img{display:block;}
2.如果要让图片成行显示,img{float:left;}或者img{float:right;}

你可能感兴趣的:(# css兼容1)