CSS a hover偽類在IE6下的問題

2022-09-25 14:27:12 字數 991 閱讀 5747

就拿對偽類:hover的支援來說,ie7+終於新增了對a以外其它標籤的支援。對於這樣的改進,當然是要拍手稱快的,但在ie6下,:hover就連對a的支援都不是那麼的盡如人意。下面就是我想簡單說的乙個關程式設計客棧於:hover在ie6及更早瀏覽器下的問題。

很多人可能都已經知道了:hover在ie6及更早瀏覽器(以下稱ie6-)下的一些問題。我主要是想說一下形如a:hover span{}這樣的問題。

有的時候為了增加一些簡單的動態效果,常常會借助:hover的幫忙,比如我們時常會令滑鼠經過鏈結時改變文字的顏色。如:

a:hover

滑鼠經過時改變我的顏色

是的,這將在所有的瀏覽器中都有效。dqifvzbqui但如果換成這樣:

a:hover em

滑鼠經過時改變我的顏色

你會發現在ie6-下什麼都沒有發生,我們的樣式失效了。對,就是這樣,應該很多人都碰到過且已經解決了這個問題。

是的,只需要再新增乙個a:hover{}樣式就可以解決這個問題了,裡面可以是zoom, padding, margin等屬性。如下:

a:hover

a:hover em

滑鼠經過時改變我的顏色

看著恢復了正常的效果,去想可能是因為什麼造成:hover失效的。你可以使用zoom, www.cppcns.comdisplay, padding等等屬性來搞定,於是想會不會是因為haslayout。恩,很有可能就是這樣。但你接著測試,會發現,不論你在a:hover{}寫入任何屬性,color啊,font-size啊,overflow啊(甚至是不存在的屬性,如xx:yyy),都可以使之恢復正常。

測試到這裡是不是有點目瞪口呆的感覺?對,我也是這樣的。至於原因是什麼,我還不知道,或許有人知道。

乙個a:hover的簡單例子:

提示:您可以先修改部分**再執行

例子雖然簡單,但即刻你又會發現其實中英選單和一些css tips效果也是那麼的簡單。

本文標題: css a:hover偽類在ie6下的問題

本文位址:

IE6中偽類 hover的使用及BUG

以前未曾遇到類似的問題,一番google,才知道這是ie6處理css偽類 hover的bug。例如如下的 網 淘你喜歡 在ie7 ff中,滑鼠移動到鏈結上時,淘你喜歡 字樣會變為紅色,但ie6則無反應。所以ie6的bug就是如果a 與 a hover 的css定義是一樣的,也就是說如果a hover...

uploadify在IE6下的問題

上傳外掛程式uploadify,在ie8下執行的沒有問題。轉到ie6下時,就不能上傳了。把瀏覽器的 檢查所存網頁的較新版本 設定為 每次訪問網頁時 就沒有問題,如果設定為 自動 ie6下就不能上傳外掛程式正常使用了。原來是瀏覽去快取了一些js或swf的問題。經過測試發現是 uploadify.all...

offsetHeight在FF和IE6中的差異?

先看看簡單的 這是一行高度 div body html 1.在火狐3裡面,的到的是16px,解釋下,div裡面套著文字,實際中這樣考慮,產生乙個匿名盒子裡面放置文字 這是一行高度 由於行高為14px 那麼這個匿名盒子高度為14px 所以最終的 offsetheight 14px 1px 2 邊框 1...