Question

当您将鼠标悬停在图像上时，我想显示一个播放按钮。这是我的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;}

它不起作用。有谁知道为什么？谢谢。

Answer 1

我尝试用css为你做点什么，但它确实有效，但你应该按照自己的意愿订购。

您可以在此处查看示例： http://jsfiddle.net/SLB4S/1/

当你悬停图像时我会这样做，而不会弹出播放按钮

div#hoverMe:hover > #playBtn{
    display: block;
}

Answer 2

您可以使用javascript进行此操作，或者您可以使用z-index进行此操作

如何只在悬停时显示？

2 个答案: