悬停的css图像链接更改不透明度

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

我想要悬停时更改图像链接的不透明度。然而，它甚至不把图像视为链接（没有点击选项）？悬停的css图像链接更改不透明度

来源

2013-11-24 joe

作品在这里.. http://jsfiddle.net/JoshC/QuC4u/ –

你的提琴工作正常，它是处理图像链接.. –

啊忘了我有一个较小的Z-INDEX在父div防止我点击 – joe

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

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

来源

2013-11-24 03:42:39 srgsanky

是的，虽然引号是正确的语法，几乎每个浏览器将正确处理图像，即使没有引用。 – j08691

你是对的。然后代码工作正常。没有问题。 – srgsanky

也许你可以试试这个：

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

来源

2013-11-24 04:34:06 RealityPC

悬停的css图像链接更改不透明度

回答

相关问题