针对IE6,IE7,IE8和firefox浏览器css hack
星期天, 11. 22. 2009 – Category: 前端技术
针对样式名
如果只让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 3.0市场占有率提至第二
星期三, 09. 16. 2009 – Category: 电脑硬件
网站流量统计服务W3Counter的最新数据显示，Firefox 3.0的使用份额已经超过了IE6，而尚未发售的Windows 7迅速上涨，快速逼近Linux。
2009年7月份，Firefox 3.0份额已达23.03％，一个月之内就把IE6远远甩在了身后，只比排名第一的IE7落后1.71个百分点，不过就总份额而言IE依然有52.93％，Firefox不过31.4％。
最新版IE8和Firefox 3.5分列四五位，份额12.98％和6.56％，而Firefox 3.5是在6月底才刚刚发布的。另外Chrome 2.0和Safari 4.0均为3.11％。
操作系统方面，Windows XP虽然丢失了不少领地，但仍以61.52％遥遥领先，Windows Vista小幅上升至21.95％，最新的Windows 7则迅速涨至1.24％，比一个月前增加了足有1个百分点，另外古老的Windows 98依然吸引着0.14％的用户，Windows 2000也有0.86％。
再看看分辨率，1024×768、1280×800、1280×1024、1440×900继续分别占据前四位，800×600反而超过了1680×1050排在第五位。
Firefox 里 list-style 不显示
星期二, 07. 7. 2009 – Category: 前端技术
经常出现的一个问题，list-style 在IE里显示正常，在firefox 里却不显示。
尝试了好久，楞是找不出问题的所在，google了好多，却对我的问题无效，郁闷的唻。
真是皇天不负有心人，终于让我找到自身问题的所在了，原来我在前面对好多标签统一定义了 display：block；
那 display：block； 有什么作用呢，就是把内联元素变成块级元素，这个属性在做导航，列表的时候相当的有用，但是在文章内部的 list 还是不要用的好，我就是不小心在之前定义了这个属性，导致我文章内部的 list 的 list-style 在firefox 里不显示，在这儿我也不追究是firefox的问题了还是所谓的 BUG ，能解决问题就OK。
解决方法：
文章内部的 li 不要定义 display：block；
希望这篇文章能对大家有用！
如何修正DIV float之后导致的外部容器不能撑开
星期五, 06. 19. 2009 – Category: 前端技术
在写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: 80px;">TEST DIV</div>
<div style="border: 1px solid blue; [...]
Firefox 优化篇
星期天, 04. 26. 2009 – Category: 电脑硬件
从一个论坛上找来的，但是一时也忘记在是什么地方，暂且收录了，有点对比起作者了，但是真的很有用，谢谢啦！