Jquery Can'；在不设置子对象动画的情况下，不能调用父div

我已经搜索过了，希望这是一个常见的和简单的解决方案，但我发现没有一个解决方案在这种情况下有效

我是一个供应商，所以我不能更改客户端html以使用ULs。目标是使内容div的不透明度在悬停时淡出。发生的情况是，父div中的img和文本也在悬停时褪色。我不能使用.css，因为这是一个突然的变化，我不相信可以设置持续时间

css

html

---

div中有什么东西也应该变暗，还是只有div？如果你想改变颜色，我建议你改变div本身的背景颜色，而不是改变它的不透明度（有一些插件可以设置颜色变化的动画）

---

如果在div中有其他要变暗的内容，唯一的方法是将不希望变暗的内容移出div，可能还需要在设置不透明度动画之前设置绝对位置。难度大，但也有可能。

这就是不透明度的工作原理……为什么需要淡入父容器？看起来你想淡出背景图像或其他东西。请显示更多HTML标记。我想淡出容器中定义的背景色。我尝试将背景颜色设置为较暗的颜色，但无论出于何种原因，它都没有响应。我只想调暗content div的背景颜色。现在，该容器中的img和文本也在调暗。所有这些都必须是独立的，不允许使用插件。在这种情况下，您最好的选择可能是定期一步一步地更改颜色。快速而肮脏的方法可能是执行setTimeout（function（）{$（“div.content”）.style（“background color”：“#EEE”}，50）；重复减少颜色和增加超时。更好的方法是定期循环，并根据您想要的颜色以编程方式更改颜色值。

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

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

$("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');
    });