针对IE6,IE7,IE8和firefox浏览器css hack

针对样式名 如果只让ie6看见用*html .head{color:#000;} 如果只让ie7看见用*+html .head{color:#000;} 如果只让ff看见用:root body .head{color:#000;} 如果只让ff、IE8看见用html>/**/body .head{color:#000;} 如果只是不让ie6看见用html>body .head{color:#000;} 即对IE 6无效 如果只是不让ff、IE8看见用*body .head{color:#000;}    即对ff、IE8无效 针对具体属性 如果只让ie6看见用_     .head{_color:#000;} 如果只让ie7看见用+与_结合的方法:     .head{+color:#f00;!;_color:#000;} IE8正式版hack \9″ 例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE8和FireFox. “*” IE6、IE7可以识别.IE8、FireFox不能. “_” IE6可以识别”_”,IE7、IE8、FireFox不能. 如: .a {color:#f00;     …

Firefox 里 list-style 不显示

经常出现的一个问题,list-style 在IE里显示正常,在firefox 里却不显示。 尝试了好久,楞是找不出问题的所在,google了好多,却对我的问题无效,郁闷的唻。 真是皇天不负有心人,终于让我找到自身问题的所在了,原来我在前面对好多标签统一定义了 display:block; 那 display:block; 有什么作用呢,就是把内联元素变成块级元素,这个属性在做导航,列表的时候相当的有用,但是在文章内部的 list 还是不要用的好,我就是不小心在之前定义了这个属性,导致我文章内部的 list 的 list-style 在firefox 里不显示,在这儿我也不追究是firefox的问题了还是所谓的 BUG ,能解决问题就OK。 解决方法: 文章内部的 li 不要定义 display:block; 希望这篇文章能对大家有用!

如何修正DIV float之后导致的外部容器不能撑开

在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子: HTML4STRICT代码: <div style=”border: 1px solid red; width: 200px;”> <div style=”border: 1px solid blue; float: left; width: 80px; height: 80px;”>TEST DIV</div> <div style=”border: 1px solid blue; float: left; width: 80px; …