0

別の div にラップされた 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/ (画像がそのdivに配置されている場合、ホバー時にハートのアイコンは表示されません..)

4

1 に答える 1

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>
于 2013-10-15T21:14:56.907 に答える