Question

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

Answer 1

您需要重新定位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>

Div未在图像悬停上显示

1 个答案: