第一篇:
在處理CSS的機制上,拿對偽類:hover的支持來說,IE7+添加了對a以外其它標簽的支持,但在IE6下:hover就連對a的支持都不是那么的盡如人意。有的時候為了增加一些簡單的動態效果,常常會借助:hover的幫忙,比如我們時常會令鼠標經過鏈接時改變文字的顏色。
如:
在所有的瀏覽器中都生效。如果換成這樣:
會發現在IE6-下什么都沒有發生,解決方法是只需要再添加一個a:hover{}樣式就可以了,里面可以是zoom,padding,margin等屬性。如下:
看著恢復了正常的效果,去想可能是因為什么造成:hover失效的。你可以使用zoom,display,padding等等屬性來搞定,于是想會不會是因為haslayout。恩,很有可能就是這樣。但你接著測試,會發現,不論你在a:hover{}寫入任何屬性,color啊,font-size啊,overflow啊(甚至是不存在的屬性,如xx:yyy),都可以使之恢復正常。
第二篇:
在ie6下如果直接在a的子標簽span設置hover,而a:hover卻不作任何設置,則在ie6下直接對span的a:hover span{color:red;}會出現失效;但是如果對span的父標簽a設置a:hover{ }則,對span的hover設置會重新有效。例如:
新聞熱點
疑難解答