CSS在主流浏览器中呈现的常见区别
2011-03-21 21:08
309 查看
FF=firefox,Chome,IE(IE9以下版本)
1.透明度
非IE浏览器中,
在IE浏览器,相同效果的写法:
2.float的解析
chrom、safari等webkit阵营认为 float:center 是合法属性且等同于 float:none,在重定义样式时所取有效样式与其他浏览器不同。
3.px长度的误差
有时发现IE的输出出现混乱,不得不使用“*”“!important”等关键字去讨好不同浏览器,其实这个问题主要是IE7以下对px长度的理解为1/2,比如100px表现为50px,这时候可以加上display:inline,再调试一下,可以避免用那些特殊符号去为单一版浏览器修饰。
……
(以后会逐渐补充)
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,再调试一下,可以避免用那些特殊符号去为单一版浏览器修饰。
……
(以后会逐渐补充)
相关文章推荐
- CSS区别浏览器支持写法
- 兼容主流浏览器的css渐变色
- ***CSS里有哪些常见的块级元素和行内元素以及其区别?
- flex.css,移动端flex布局神器,兼容微信,UC,webview等移动端主流浏览器08.10
- 各种主流浏览器CSS、BUG兼容
- 各主流浏览器之间的兼容性-CSS篇
- 各种主流浏览器CSS、BUG兼容-
- css常见的易混淆属性和值的区别(一)
- DIV+CSS相对IE6 IE7和IE8浏览器行为区别及兼容性问题整理
- CSS实现瀑布流等分布局效果,兼容各大主流浏览器
- 兼容主流浏览器的CSS透明代码
- 一个css和js结合的下拉菜单,支持主流浏览器
- 兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
- css实现三角形 兼容主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- jQuery+CSS 简单代码实现遮罩层( 兼容主流浏览器 )
- 较全面的主流浏览器CSS BUG兼容汇总
- 各种浏览器下常见css的兼容问题集锦
- 一个css和js结合的下拉菜单,支持主流浏览器
- div+css中常见的浏览器兼容性处理-兼容不同浏览器