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中，使用带引号的网址
背景：网址（的 ../图像/ contimg.jpg 的 ）;

编辑：您的代码运行正常。