css图像链接在悬停时更改不透明度答案

【问题标题】：css image link change opacity on hovercss图像链接在悬停时更改不透明度
【发布时间】：2013-12-08 20:41:03
【问题描述】：

<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;
}

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

【问题讨论】：

在这里工作.. jsfiddle.net/JoshC/QuC4u
您的小提琴工作正常，它将图像视为链接..
是的，我忘记了我在父 div 上有一个较小的 z-index，阻止我点击

标签： html css image hover

【解决方案1】：

也许你可以试试这个：

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

【讨论】：

【解决方案2】：

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

编辑：您的代码运行良好。

【讨论】：

是的，虽然引号是正确的语法，但几乎每个浏览器都会正确处理图像，即使不加引号。
你是对的。然后代码工作正常。没有问题。