0

我有一个带有图像的网站，其中一些有一个“播放”（一个绝对定位并通过 jQuery 上的点击事件管理的 div）。

在某些图像中，当鼠标悬停在图像上时，我必须更改不透明度。

当图像同时具有“播放”和不透明度变化时，就会发生这种情况（将鼠标放在“播放”div上）：http: //jsfiddle.net/S53b5/

我尝试过仅使用 CSS 或使用 jQuery 的不同解决方案，但任何方法都有效:(

谢谢！

4

3 回答 3

2

试试这个演示 

   $("img").mouseout(function(){
     $(".play").css("opacity","1")
    }).mouseover(function(){
     $(".play").css("opacity",".5");
    });

更新了 Demo2

$("img").mouseout(function(){
        $(".play").css("opacity","1");
         $(this).css("opacity",".1");
    }).mouseover(function(){
        $(".play").css("opacity",".5");
        $(this).css("opacity","1");
    });

$(".play").mouseover(function(){
        $(this).css("opacity","1");
        $("img").css("opacity","1");
    });
于 2012-10-10T09:54:28.333 回答
0 
$("img").mouseover(function(){
    $(this).css("opacity",".8");
})
于 2012-10-10T09:51:55.153 回答
0 
$("#(yourimageid)").mouseover(function(){
$(this).css("opacity","0.7")
})
于 2012-10-10T09:55:35.833 回答