:hover在IE6 and earlier下的问题
作者:飘零雾雨 日期:2009-04-09
转载请注明出处，css探索之旅-飘零雾雨的庄园
在处理css的机制上，IE总是有很多让人吐血的举动，但对于他们现在的改进力度还是值得高兴的。
就拿对伪类:hover的支持来说，IE7+终于添加了对a以外其它标签的支持。对于这样的改进，当然是要拍手称快的，但在IE6下，:hover就连对a的支持都不是那么的尽如人意。下面就是我想简单说的一个关于:hover在IE6及更早浏览器下的问题。
很多人可能都已经知道了:hover在IE6及更早浏览器（以下称IE6-）下的一些问题。我主要是想说一下形如a:hover span{}这样的问题。
有的时候为了增加一些简单的动态效果，常常会借助:hover的帮忙，比如我们时常会令鼠标经过链接时改变文字的颜色。如：
a:hover{color:#F00;}
<a href="?">鼠标经过时改变我的颜色</a>
一条可以区分常用主流浏览器的css hack
作者:飘零雾雨 日期:2009-04-08
转载请注明出处，css探索之旅-飘零雾雨的庄园
近段时间一直处于待业中，加上之前工作比较忙，好几个月都没有更新Blog了。一件事如果不想着去做，或者不主动去做，时间一长，就会成为一种习惯。
该死的css hack，是的，有时候我也会这么骂，但目前看来确实还无法完全将它扔掉。现在有不少需求都要求兼容Safari, Chrome等浏览器，甚至有的项目还要照顾到IE5.5，虽说不大赞成高频次的使用css hack，但有的时候还是需要用上的。我整合了一个可以同时区分IE5.5, IE6, IE7, Firefox/Opera, Safari/Chrome的CSS hack，网络上可能还会有比这更简洁的版本。就当是做个记号算吧。
[演示地址：http://www.doyoe.com/model/xhtmlcss/style/csshack.htm]
Code：
.test{
color:#00C; /* For IE5.5 */
voice-family:"\"}\"";
voice-family:inherit;
color:#000; /* For FF,OP */
[color:#000;color:#0F0;] /* For SF,CH */
*color:#FF0; /* For IE7 */
_color:#F00; /* For IE6 */
}
通过以上的样式，你可以在IE5.5里看到蓝色的字，IE6里看到红色的字，IE7看到的是黄色的字，Firefox/Opera看到的是黑色的字，Safari/Chrome看到的是绿色的字。这里没继续将Firefox和Opera，Safari和Chrome区分。
