Question

我已经搜索过，希望这是常见的并且很容易解决，但我找到的解决方案都没有在这种情况下工作。

我是供应商，因此我无法更改客户端html以使用UL。目标是让内容div的不透明度在悬停时淡化。发生的事情是，父div中的img和文本在悬停时也会消失。我不能使用.css，因为它是一个突然的变化，我不相信持续时间可以设置。

CSS

 .content {
 position:relative;
width:126px;
height:138px;
background: #3C3C3C;
}

HTML

<div class="content">
<img class="band_im" rel="26" src="" />
<div>Contractor</div>
</div>

jquery的

$("div.content").hover(function() {
       // attempted, no luck $("img.badge_ico").css({opacity: "1"});*
 $("div.content").stop().animate({opacity: "0.5"}, '500');
    },
    function() {
           // attempted, no luck  $(".badge_ico").css({opacity: "1"});
      $("div.content").stop().animate({opacity: "1"}, '800');
    });

Answer 1

div中有什么东西可以变暗，或者只是div吗？如果你想要改变颜色，我建议改变div本身的背景颜色而不是改变它的不透明度（有插件来设置颜色变化的动画）。

如果你想要暗淡的div中还有其他内容，那么唯一的方法就是将你不想要暗淡的东西移出div，可能还需要设置绝对位置。动画不透明度。困难和骇客，但可能。

不能在没有给孩子制作动画的情况下调用父div

1 个答案: