CSS图像链接在悬停时更改不透明度

Question

<div id="contentwrap">
<a id="contentimage" href=""></a>
    <p class="content">
        </p>
    </div>

 #contentimage {
    display:block;
    background:url(../images/contimg.jpg);
    top:500px;
    width:500px;
    height:400px;
    position:relative;
}
#contentimage:hover {
    opacity:0.5;
}

我希望在悬停时更改图像链接的不透明度。 但是，它甚至没有将图像视为链接（没有单击选项）？

Answer 1

也许您可以尝试以下方法：

<img id="contentimage" src="link to image">

Answer 2

该代码看起来不错，除了一个错误。
在CSS中，使用带引号的网址
背景：url（ ' ../images/contimg.jpg ' ）;

编辑：您的代码工作正常。