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 に答える