IE6/IE7/IE8/Firefox的CSS各种各样适配margin难题处理方

2021-03-13 01:42 jianzhan
外接
.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 视觉效果实际效果不统1,就要在后边跟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 3D渲染模块(是KHTML的衍生产制造品)的访问器(如Safari、Swift)。
其实不是说像-moz-text-overflow如今有效,而是1个想象的写法,当1个访问器的开发设计人员决策在访问器适用1种还没获得公认的特性时,1般 都会在特性的前面再加-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
{
background-color:#FF0000 !important;
*background-color:#00FF00 !important;
*background-color:#0000FF;
background-color:#000000;
}
</style>
IE6挑选最终1个,即:background-color:#000000; (由于IE6对important不适用)
IE7挑选第2个,即:background-color:#00FF00;(由于IE7刚开始对important适用了,另外还死守着它对 * 情感的最终1版本号,但important仍未起到优先选择级的功效)
IE8和Firefox、Opera、Safari挑选第1个,即:background-color:#FF0000 !important;(IE8彻底适用于important,另外抛弃了对*的情感)
此外再填补1个,下划线”_“,IE6适用下划线,IE7、IE8和Firefox、Opera、Safari均不适用下划线。