针对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
ie6下面层边框断裂
星期天, 08. 9. 2009 – Category: 前端技术
ie6.0下面经常会出现border边框断断续续的问题，初学div+css 的一般不会用遇到这个问题，不过等深一步了解了div之后自然会经常碰到这种问题了，因为初学者不会偷懒，等我们觉得用的很熟了，各种浏览器都能很方便的兼容之后就会出现这种问题，我有很多同事都碰到过这种问题，其实解决办法很简单，我先简单描述一下边框断裂的效果：
在浏览器下一刷新边框是全的，再以刷新边框就会有断开，什么原因呢，很懊恼的事情，网上一搜也没有答案，下面我就告诉大家解决的方法，其实他是有原因的，原因就是你的外层有边框，边框层里面嵌套的层里面有浮动，浮动这个最令人懊恼的东西经常会出问题，由于这个原因会引起ie6下面边框断裂，解决办法就是在外层加 zoom:1; 或者 heigth:100%; 很容易就解决了这个问题。
div+css还存在许多浏览器不兼容的现象，我就简单把不常见的现象总结一下，以供浏览者，广大爱好者欣赏，为广大div+css爱好者提供一个好的平台。
关于 ZOOM:1 的相关阅读：
来自：http://audi.tw/Blog/CSS/css.zoom.filter.alpha.opacity.asp
IE 透明度失效和 zoom:1 有關？
看到我把標題槓掉，就知道這又是一個以訛傳訛的消息！
之前有人在問 zoom 的功用，果然又是和雅虎佈落格有關係，據說，如果沒有加上 zoom:1 的話，filter:alpha(opacity) 會失效！
真正重點是：filter 濾鏡可以進行許多視覺化效果，不過 filter 效果多半只能套用在指定區塊中（例如指定寬及高），來看例子：
<p style="color:#FFF;background:#066;filter:alpha(opacity=50);">使用 filter 透明度效果</p>
正常來說，效果應該是：
但這個例子在 IE 中的效果卻是：
加個 zoom:1 看看：
<p style="zoom:1;color:#FFF;background:#066;filter:alpha(opacity=50);">使用 filter 透明度效果</p>
如果不加 zoom:1 改用 width:100% 看看：
<p style="width:100%;color:#FFF;background:#066;filter:alpha(opacity=50);">使用 filter 透明度效果</p>
所以，使用 zoom:1 或 width:100% 對 IE「啟用」filter 都有效，主要原因是在於 filter 套用到物件上時，物件必需是「有形體」，再講簡單點，必需「明確知道套用範圍」，這在 IE 中稱為 layout，同時 IE 支援 hasLayout 這個屬性，妙的地方是 hasLayout 這個屬性沒 HTML [...]
IE6 PNG图片透明度问题的方法
星期三, 06. 3. 2009 – Category: 前端技术
（本栏目第一篇技术文章，而且是网上摘录 |_|）
CSS修复方法
步骤一:HTML
我们可以先创建一个HTML文件，然后添加一个类名为”vehicles”的空div。
步骤二:样式表