兼容ie的css怎么写( 二 ) _兼容

#content {
voice-family:"\"}\"";
voice-family:inherit;
color:red;
}
使用代码中的两句Voice-family属性之后下面的color:red；将不会被IE5.5及以下浏览器所解析。
+hack方法
+号hack方法是最近流行的一种CSS hack ，非常简单也易于管理， +号用于区分IE系列浏览器与其他浏览器。
使用方法如下：
#content{
width:500px;
+width:480px; /*IE可执行*/
}
带有加号的属性只能在IE系列的浏览器里运行
3.如何才能编写出兼容各浏览器的CSS编写出兼容各浏览器的CSS的技巧和方法：1. Div居中问题：div设置 margin-left, margin-right 为 auto 时已经居中， IE 不行， IE需要设定body居中，首先在父级元素定义text-algin: center；这个的意思就是在父级元素内的内容居中。
2.链接（a标签）的边框与背景a 链接加边框和背景色，需设置 display: block ，同时设置 float: left 保证不换行。参照 menubar ，给 a 和 menubar 设置高度是为了避免底边显示错位，若不设 height ，可以在 menubar 中插入一个空格。
3.超链接访问过后hover样式就不出现的问题被点击访问过的超链接样式不在具有hover和active了，很多人应该都遇到过这个问题，解决方法是改变CSS属性的排列顺序： L-V-H-A Code: <style type="text/css"> </style>4. 游标手指cursorcursor: pointer 可以同时在 IE FF 中显示游标手指状， hand 仅 IE 可以5.UL的padding与marginul标签在FF中默认是有padding值的，而在IE中只有margin默认有值，所以先定义 ul{margin:0;padding:0；}就能解决大部分问题6. FORM标签这个标签在IE中，将会自动margin一些边距，而在FF中margin则是0 ，因此，如果想显示一致，所以最好在css中指定margin和 padding ，针对上面两个问题，我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0；}给定义死了，所以后面就不会为这个头疼了.7. BOX模型解释不一致问题在FF和IE 中的BOX模型解释不一致导致相差2px解决方法：div{margin:30px!important;margin:28px；} 注意这两个 margin的顺序一定不能写反， important这个属性IE不能识别，但别的浏览器可以识别。所以在IE下其实解释成这样： div {maring:30px;margin:28px}重复定义的话按照最后一个来执行，所以不可以只写margin:xx px!important;#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}8.属性选择器（这个不能算是兼容，是隐藏css的一个bug）p[id]{}div[id]{}这个对于IE6.0和IE6.0以下的版本都隐藏， FF和OPera作用.属性选择器和子选择器还是有区别的，子选择器的范围从形式来说缩小了，属性选择器的范围比较大，如p[id]中，所有p标签中有id的都是同样式的.9.最狠的手段 - ！important；如果实在没有办法解决一些细节问题，可以用这个方法.FF对于”！important”会自动优先解析，然而IE则会忽略.如下.tabd1{background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}值得注意的是，一定要将xxxx !important 这句放置在另一句之上，上面已经提过10.IE,FF的默认值问题或许你一直在抱怨为什么要专门为IE和FF写不同的CSS ，为什么IE这样让人头疼，然后一边写css ，一边咒骂那个可恶的M$ IE.其实对于css的标准支持方面， IE并没有我们想象的那么可恶，关键在于IE和FF的默认值不一样而已，掌握了这个技巧，你会发现写出兼容FF和IE的css并不是那么困难，或许对于简单的css ，你完全可以不用”！important”这个东西了。