Question

嘿伙计我只是想知道如何在图像上悬停并将图像淡化为不透明度为0.5的颜色。还有中心文字。我知道有点怎么做我只是不确定它是纯粹的CSS可能还是jquery是必需的？谢谢大家的帮助。

Answer 1

像这样：

<img src="http://i.imgur.com/o7iAFMu.jpg" width="100px" class="test"/>

.test:hover {
    opacity: 0.5;
}

您希望文本在哪里？

编辑以回应评论：

我认为你需要将图像包装在容器div中。

<div id="container">
    <img src="image.png"/>
</div>

#container:hover {
    background: yellow;
    opacity: 0.5;
}

如果您希望图像居中，可以将text-align：center应用于容器div，或者如果您希望文本覆盖在图像顶部居中，我建议将图像作为容器div的背景。让我确切地知道你想要什么...如果可以或者创造一个小提琴，发布一个样本。感谢。

编辑以回应评论。