To love. To succeed. To be honest. 网摘

浏览器兼容积累

1.透明度

  filter: alpha(opacity=50); 　　//ie
 -moz-opacity:0.5;　　　　　　//firefox
 opacity: 0.5;　　　　　　　　  //chorme

2.ie7- 不支持 inline-block

3.ie静态html头部要加<!DOCTYPE html>，否则css样式会走样。

4.min-width:300px   -- ie不支持：

   width:expression_r(document.body.clientWidth < 300? "300px":"auto")

 

5.酷客有篇挺实用的文章 9个最常见IE的Bug及其fix

  暂且遇到方法解决的就是

          1.margin来居中的问题： out_div {text-align: center;}  

                                        in_div{ text-align: center;}

          2.大div内多个小div {float:left}时，小div仍然显示block形状，要在大div加一个{overflow:hidden;}

 

6.对应行内有span元素，有文字和背景图片，chrome和ff经常会出现不一样的效果;

      

  可以某种程度上利用背景图片的width和height来调节，但效果经常不是很好。

  在网上有找到这样一种解决方法： {vertical-align: top; position: relative; top:8px;} 采用了最高点肯定是一样的想法。

 

posted @ 2013-09-05 14:50  RaynerBan  阅读(131)  评论(0)  编辑  收藏  举报

To love. To succeed. To be honest.