Div+css IE 火狐兼容问题集锦(15)

1. selct {width:IE5.x宽度; voice-family :\

voice-family:inherit; width:正确宽度;} 盒模型的清除方法不是通过!important来处理的。这点要明确。

清除浮动

' |%u& v, [\O3 h2 N, Q/ N2 @

1. select:after {content:\

visibility:hidden;} 在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题 。

5 I' M# }7 C6 F( p- ]( V- V) Q/ [7 l6 k; U( D. x截字省略号

这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。

\ L# R0 ~( @1 j! v( h4 l$ H U* X; u n. y0 d7 C3 y( f/ Y只有Opera识别

1. @media all and (min-width: 0px){ select {??} } 针对Opera浏览器做单独的设定。

' u4 V8 H0 G& b# Z6 @8 n0 D* H- `- N3 P 以上都是写CSS中的一些兼容，建议遵循正确的标签嵌套(div ul li 嵌套

结构关系)，这样可以减少你使用兼容的频率，不要进入理解误区，并不是一个页面就需要很多的兼容来保持多浏览器兼容)，很多情况下也许一个兼容都不用也可以让浏览器工作得非常好，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在 CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

$ j8 ]. Q# `\ V9 b8 f9 E! n5 p, w\ v' G* NIE5.x的过滤器，只有IE5.x可见

1. @media tty {

2. i{content:\ 3. }/* */

IE5/MAC的过滤器，一般用不着 1. /**//*/

2. @import \3. /**/

下面是IE的条件注释，个人觉得用条件注释调用相应兼容是比较完美的多浏览器兼容的解决办法。把需要兼容的地方单独放到一个文件里面，当浏览器版本符合的时候就可以调用那个被兼容的样式，这样不仅使用起来非常方便，而且对于制作这个CSS本身来讲，可以更严格的观察到是否有必要使用兼容，很多情况下，当我本人写CSS如果把全部代码包括兼容都写到一个CSS文件的时候的时候会很随意，想怎么兼容就怎么兼容，而你独立出来写的时候，你就会不自觉的考虑是否有必要兼容，是先兼容 CSS？还是先把主CSS里面的东西调整到尽可能的不需要兼容？当你仅用很少的兼容就让很多浏览器很乖很听话的时候，你是不是很有成就感呢？你知道怎么选择了吧～～呵呵

# q! m1 p\ v. E& }- w: [2 {; yIE的if条件Hack

1. 所有的IE可识别

1. 只有IE5.0可以识别

1.

复制代码

IE5.0包换IE5.5都可以识别

1. 仅IE6可识别

1. IE6以及IE6以下的IE5.x都可识别

1. 仅IE7可识别

7 n6 [: I, P. H1 _ Css 当中有许多的东西不不按照某些规律来的话，会让你很心烦，虽然你可以通过很多的兼容，很多的!important 来控制它，但是你会发现长此以往你会很不甘心，看看许多优秀的网站，他们的CSS让IE6,Ie7,Firefox,甚至

Safari,Opera运行起来完美无缺是不是很羡慕？而他们看似复杂的模版下面使用的兼容少得可怜。其实你要知道IE 和 Firefox 并不不是那么的不和谐，我们找到一定的方法，是完全可以让他们和谐共处的。不要你认为发现了兼容的办法，你就掌握了一切，我们并不是兼容的奴隶。

5 d- _* ~5 E% [; K- R\T: b第四篇 div ul li 的嵌套顺序

今天只讲一个规则。就是的三角关系。我的经验就是在最外面，里面是，然后再是，当然里面又可以嵌套什么的，但是并不建议你嵌套很多东西。当你符合这样的规则的时候，那些倒霉的，不听话的间隙就不会在里面出现了，当你仅仅是里面放，而不用的时候，你会发现你的间隙十分难控制，一般情况下，IE6和IE7会凭空多一些间距。但很多情况你来到下一行，间隙就没了，但是前面的内容又空了很大一块，出现这种情况虽然你可以改变IE的Margin，然后调整Firefox下面的Padding，以便使得两者显示起来得效果很相似，但是你得CSS将变得臭长无比，你不得不多考虑更多可能出现这种问题补救措施，虽然你知道千篇一律来兼容它们，但是你会烦得要命。