css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
【Web】css兼容与差别 IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
外置
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; }
* html .main{ float:left;#float:none;_float:none; }
第1行给Firefox以及其他浏览器看
第2行给safari/IE6/iE7看，如果safari/IE6/iE7 视觉效果不统一，就要在后面跟IE6/IE7的定义
第3行给IE7看
第4行给IE6以及更老的版本看
内置
.main{ float:left;#float:none;_float:none;[float:none;]float:none; }
第1个float给Firefox以及其他浏览器看
第2个加#的float给IE7看
第3个加_的float给IE6以及更老的版本看
第4个加[的float给safari看
第5个加]的float给IE看
各种常见浏览器使用的内核 (Rendering Engine)
Mozilla Firefox ( Gecko )
Internet Explorer ( Trident )
Opera ( Presto )
Konqueror ( KHTML )
Safari Swift ( WebKit )
用css自动隐藏超出宽度内容并省略显示，浏览器兼容ie、ff
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
基本非IE的浏览器的私有属性都会以-xxx-这样开始，
-o-就是以Presto为引擎的 Opera私有的、
-icab-是iCab私有的，
-khtml-就是以KHTML为引擎的浏览器（如Konqueror Safari）、
-moz-就是以mozilla的Gecko为引擎的浏览器（如Firefox，mozilla）、
-webkit-就是以Webkit 渲染引擎（是KHTML的衍生产品）的浏览器（如Safari、Swift）。
并不是说像-moz-text-overflow现在有用，而是一个幻想的写法，当一个浏览器的开发人员决定在浏览器支持一种还没得到公认的属性时，一般都会在属性的前面加上-xxx-这种，表明这种是属于该浏览器私有的属性，当然，这些属性多数来自CSS3的，使用这样的写法在浏览器升级后也许才有作用.
IE、Firefox、Opera和Safari对CSS样式important和*的支持
1、IE6、IE7都支持 *，但IE8终于回归正统，放弃了对*的支持
2、IE7、IE8、Firefox、Opera、Safari都支持 important
顾名，important的优先级要高. 举例说明：
<style type=”text/css”>
body
{
backgrou
相关文档：
CSS filter:RevealTrans 用法：
Filter:revealtrans(duration=转换的秒数，transition=转换的类型）
CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。
两个参数Transition和Duration，分别是变换效果和持续时间，其中Duration是浮点数。
......
由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。
通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”
common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-
family ......
相信很多人都非常喜欢用div+css布局,无论你是前端开发者，还是后台程序员，因为它的好处实在太多，可以用很少的代码来控制布局，然后用CSS表现其形态，表现和样式分离。而且在SEO方面，它还能提供30%的优化，我们何乐而不为呢。
很多人都会碰到如题的布局问题，解决方案很多，可以用背景图来填充，或用js来控制，但终不� ......
_property:value
属性前加_线,该hack对IE有效，在FF下无效
这段代码在IE下看,div的边框为蓝色,而在FireFox下无效
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*这个在IE下可以看到边框为灰色，而在FF下是没有任何的效果*/
</style>
选择符 {width:IE5.x宽度; voice-family :"\"}\"" ......
IE6/IE7/FF的CSS hack 浏览器兼容总结
2010-01-23 15:25
由于不同的浏览器对CSS的支持及解析结果不一样，处理的优先级不一样。针对不同的浏览器来写不同的CSS达到在不同浏览器下显示想要的效果就是css hack。先贴两个直观的对比图：
再贴一段代码：
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 * ......
