卧龙的朋友叫卧槽

少不争气做程序,两载矣,未见琼楼玉宇。几兆不值三两文,轻声语,莫惊道上高人。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

CSS在主流浏览器中呈现的常见区别

Posted on 2011-03-21 21:08  卧龙的朋友叫卧槽  阅读(192)  评论(0)    收藏  举报

FF=firefox,Chome,IE(IE9以下版本)

1.透明度

  非IE浏览器中,

*{opacity:0.6;}
  在IE浏览器,相同效果的写法:
filter:alpha(opacity:60);

2.float的解析

  chrom、safari等webkit阵营认为 float:center 是合法属性且等同于 float:none,在重定义样式时所取有效样式与其他浏览器不同。

3.px长度的误差

  有时发现IE的输出出现混乱,不得不使用“*”“!important”等关键字去讨好不同浏览器,其实这个问题主要是IE7以下对px长度的理解为1/2,比如100px表现为50px,这时候可以加上display:inline,再调试一下,可以避免用那些特殊符号去为单一版浏览器修饰。

……

(以后会逐渐补充)