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