Question

我有问题。我制作了一个自定义的html5 soundcloud播放器，我有一个带图像的播放列表。我希望通过将鼠标悬停在图像上来显示图像的标题。

例如我做了一个简单的jsfiddle：http://jsfiddle.net/dC85Q/

目前，只有当我移动到标题div时，不透明度才会改变。但是当我把它放在图像div上时它应该改变。我知道它可能与JavaScript，但我不想使用javascript。有没有办法用css做到这一点？

我的HTML：

<div id="song1" class="songs" onclick="song1()">
    <div id="songtitle1" class="songtitles">Hello World</div>
</div>

Answer 1

使用:hover上的.songs伪选择器，然后定位.songtitles并更改其不透明度：

.songs:hover .songtitles {
    opacity: 1;
}