JQuery如何使鼠標懸停在不同的元素上當前位於

頂部我得到的圖像與DIV部分重疊，此特定圖像在外部文件中將其邊框設置爲CSS，以在鼠標懸停在圖像上時更改顏色。JQuery如何使鼠標懸停在不同的元素上當前位於

問題是當我將鼠標從圖像移動到div重疊它，然後圖像丟失懸停和邊界將恢復到正常狀態。

如何告訴具有特定ID的元素，當我在圖像上方輸入div時，鼠標仍然位於該元素上方？我已經成功地使當鼠標懸停是DIV檢測但告訴圖像沒有結果，小鼠仍然是在它

我要避免使用CSS改變

$("#imageID").css('border-color','#FFF');

和一些其他方式的原因是我正在尋找的行爲？

預先感謝答案 MTH

你可以編輯你的問題，並添加你正在使用的HTML嗎？ – 2009-09-23 06:34:28

它是簡單的div包含div和圖像，沒有更多的少，每一個都有獨立的唯一id – MoreThanChaos 2009-09-23 06:55:29

不管它有多簡單，總是看到你處理的東西比描述它更有幫助。 – 2009-09-23 16:17:37

那麼，如果這種特定的div總是漂浮在相同的圖像，那麼你可以當鼠標懸停在上面的div添加一個「懸停」類，以較低的圖像。然後，您仍然可以使用懸停類在CSS文件中設置圖像的樣式。

HTML

<div id="divID"></div> 
<img id="imageID" src="" />

jQuery的

$("#divID").hover(function() {$("#imageID").addClass("divHover");}, 
        function() {$("#imageID").removeClass("divHover");});

CSS

#imageID { border-color: #000; } 
#imageID:hover, #imageID.divHover { border-color: #FFF; }

2009-09-23 06:45:06

那麼這幾乎是我在找什麼，但它是一種解決方法，如果任何更好的更簡單的方法導致懸停在div下的圖像存在 – MoreThanChaos 2009-09-23 06:50:27

如果圖像和浮動div的父div緊緊地包裹圖像和浮動div直接停留在圖像上，並且永遠不會重疊邊緣，那麼您可能可以在父div的懸停上進行樣式設置：#parentID：hover #imageID {style} – 2009-09-23 07:31:08

Z-指數可能的幫助。通常，標籤在被命名時會進行排序。使用css中的z-index，您可以將div更改爲比圖像更低的z-index。雖然w3c表示它是YMMV，但我不確定它會在所有瀏覽器中運行。 W3C z-index

2009-09-23 06:46:11

我需要該DIV在圖像上，實現的目標是保持圖像懸停當鼠標在div – MoreThanChaos 2009-09-23 06:48:43

啊蒂姆的答案比。如果只是有一個指令會像你需要的那樣給予優先權，而不是周圍的工作。但我很確定沒有。與時間一起回答 – 2009-09-23 07:02:02

回答