如何更改圖像的不透明度？

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#logo').mouseenter(function() { 
    $('#logo').fadeTo("fast",0.3); 
    }); 

    $('#logo').mouseleave(function() { 
    $('#logo').fadeTo("fast",1) 
    }); 
}); 
</script>

我這樣做是爲了改變圖像的不透明度，同時用光標懸停在圖像上，但這不會發生。 :(如何更改圖像的不透明度？

來源

2014-02-26 user3050057

似乎正常工作：http://jsfiddle.net/NuK4G/。需要更多上下文。 –

請分享HTML部分或jsfiddle。檢查你的img標籤的ID。那是#logo嗎？ –

你不需要的jQuery對於這一點，你可以使用CSS：

例HTML - 你需要它有ID logo

<img id="logo" src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Example.svg/200px-Example.svg.png" />

CSS

#logo { 
    opacity: 1; 
    filter:alpha(opacity=100); 
    transition: opacity 0.2s linear 0s; 
    -webkit-transition: opacity 0.2s linear 0s; 
} 

#logo:hover { 
    opacity: 0.3; 
    filter:alpha(opacity=30); 
    transition: opacity 0.2s linear 0s; 
    -webkit-transition: opacity 0.2s linear 0s; 
}

http://jsfiddle.net/pFEdL/2/

來源

2014-02-26 21:08:00 Wilf