如何從兩個獨立的div連接元素？

我一直在試圖連接一個圖像鏈接，以便當鏈接懸停時，img標籤切換到可見性：從可見性可見：隱藏。我給了他們兩個ID，我把他們放在不同的div中。問題在於，我無法像使用a標籤一樣影響img標籤，無論我如何嘗試，只是因爲它們在單獨的div中。我已經嘗試過使用>和+屬性，但這不起作用，因爲它們沒有關係。如何從兩個獨立的div連接元素？

可以做到這一點嗎？

例子：

<div id = "something1"> <a href = "something.html" id = "somethingLink"> Word </a> </div> 
<div id = "something2"> <img src = "something.jpg" id = "somethingImage"/> </div>

來源

2014-03-12 user3411482

你不能用JS？ – Phil

不是不可能的，但它將取決於實際的HTML。你能提供一個JSfiddle嗎？ JS/Jquery將是最簡單的。 –

這可以在jQuery中完成，我在下面添加了一個答案。如果您有任何問題，請告訴我。 –

您可以使用jQuery

$("#somethingLink").hover(
function(){$("#somethingImage").css("visibility","visible");}, 
function(){$("#somethingImage").css("visibility","hidden");} 
)

來源

2014-03-12 15:59:26 Phil

不確定這是否正確，並且您已將拼寫錯誤拼寫爲錯誤。 –

@ 88mpg你是對的，是的它拼錯了 – feitla

編輯，對不起:) – Phil

您可以使用jQuery這個：

$('#somethingLink').hover(function(){ 
    $('#somethingImage').css("visibility", "visible"); 
});

只要確保#somethingImage在你的CSS設置爲visibility: hidden;。

來源

2014-03-12 16:01:54

您不必使用JS。

更改您選擇的

FIDDLE

#something1:hover ~ #something2 img { 
    visibility: visible; 
} 

#something2 img { 
    visibility:hidden; 
}

來源

2014-03-12 16:08:43 feitla

非常好！對我感到羞恥，總是那麼快地訴諸JS。 –

如何從兩個獨立的div連接元素？

回答

相關問題