1

当您将鼠标悬停在图像上时，我想显示一个播放按钮。这是我的 HTML：

<a href="bekijk.php?film_id=2014">
    <div class="geheel">
        <h3>Text</h3>
        <div class="vidimg" style="background-size:200px 110px; height:110px; width:200px; 
        background-image: url(img/film/2014.png);">
            <div class="playknop" style="height:100px;width:200px;">
                Playbutton
            </div>
        </div>
    </div>
</a>

这是我的 CSS：

.playknop                   {display:none;}

.playknop:hover + .playknop {display:block;}

.geheel                     {width:200px;}

它不工作。有没有人知道为什么？谢谢你。

4

2 回答 2

2

我试图只用 css 为你做一些事情，它可以工作，但你应该随意订购它。

你可以在这里查看示例：http: //jsfiddle.net/SLB4S/1/

我是这样做的，当您将图像悬停时，播放按钮会弹出

div#hoverMe:hover > #playBtn{
    display: block;
}
于 2013-11-04T14:54:18.700 回答
-1

您可以为此使用 javascript，也可以z-index为此使用

于 2013-11-04T14:40:49.060 回答