Div未在图像悬停上显示

时间:2013-10-15 21:05:01

标签: css html hover

我有一个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中时,心形图标不会在悬停时显示。)

1 个答案:

答案 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>