2013-10-15 82 views
0

我有一個div包裹在另一個div和這個div必須顯示時,圖像上徘徊。但事情是,當一個圖像被放置(img src)在該div容器div不會顯示懸停..我不知道如何解決這個問題,我不明白爲什麼它的工作原因另一個分區。部門沒有顯示圖像懸停

這是我的html代碼:

<!--- START [01] ---> 
<div class="f1"> 
    <img src="http://d3gtl9l2a4fn1j.cloudfront.net/t/p/original/zdc1F5znCaBRZaqqDdwFakWUltE.jpg" width="139" height="200"> 
    <div class="f2"><b>Khumba</b><span class="yr"><b>(2013)</b></span> 
     <br /> <span class="moreinfo"><a href="/">Watch trailer</a> // <a href="/coming-soon#hercules">more info</a></span> 
    </div> 
    <div class="f3"> 
     <div class="half"></div> 
    </div> 
</div> 
<!--- END [01] ---> 

這裏的小提琴:http://jsfiddle.net/ffXX9/ (心臟圖標當圖像被放置在該分區上懸停不會顯示出來。)

+0

這並不完全清楚什麼是不工作。當我將鼠標懸停在「Khumba」圖片上時,我會看到一些與「觀看預告片」和「更多信息」鏈接重疊的內容。我應該看看別的嗎? – Pete

+0

是的,你應該看到心臟圖標(懸停在沒有圖像放置的div上) –

+0

我確實看到了心臟圖標,所以有我失蹤的東西嗎?還要確保在最後使用'/>'關閉圖像標籤。 –

回答

0

你需要重新定位的DIV

http://jsfiddle.net/ffXX9/2/

<div class="f1"> 
    <div class="f3" title="bla"> 
     <div class="half"></div> 
    </div> 
    <img src="http://d3gtl9l2a4fn1j.cloudfront.net/t/p/original/zdc1F5znCaBRZaqqDdwFakWUltE.jpg" width="139" height="200"> 
    <div class="f2">PPPOOOOPPP <span class="yr">(YEAR)</span> 
    </div> 

</div>