懸停的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圖像鏈接更改不透明度

回答

相關問題