2010-05-05 97 views
2

我有一個div裏面作爲網站頂部導航的一部分。IE 7檢測到鼠標懸停在div上的CSS問題

我遇到了IE 7中有「漏洞」的問題,當用戶仍在下拉時,下拉消失。

我從一個純粹的CSS解決方案(li:hover)開始,在除IE 7以外的所有瀏覽器中都非常棒。所以我現在添加了一個jQuery/javascript解決方案來檢測鼠標何時進入和退出導航li,然後添加一個類來顯示下拉菜單。它的效果更好,但如果鼠標不在圖像,p,h3或標籤上,那麼它不會認爲我在下拉的div上。非常令人沮喪。

我可以張貼一些測試代碼,但可以在這裏查看的問題:http://davincidays.org/

人有什麼想法?我一直在爲此工作太久,並且需要嘗試一些新鮮事物。

回答

0

如果您沒有使用嚴格的文檔類型,則會導致IE7中的hover僞類出現問題。嘗試將其更改爲1.0嚴格,以防止IE進入怪癖模式,並查看是否爲您做了任何事情。

我花了很多時間浪費在這個同樣的問題:)

+0

謝謝,我會試試看。 – BeaverProj 2010-05-05 04:35:39

+0

我將doctype改爲<!DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Strict // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd」> 這並沒有幫助。這是你的意思嗎? – BeaverProj 2010-05-05 19:47:02

+0

是的,這就是我的意思....對不起,這不是你的情況的解決方案,但很高興你把它整理出來! – 2010-05-11 01:21:05