姚迎迎

Tag: firefox

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

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

    —

    by

    迎迎 姚
    in

    针对样式名 如果只让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;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; } 从左到右分别对应 FF,IE8 IE7 IE6

  • Firefox 里 list-style 不显示

    Firefox 里 list-style 不显示

    —

    by

    迎迎 姚

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

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

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

    —

    by

    迎迎 姚
    in

    在写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; height: 80px;”>TEST DIV</div> <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; height:…