如果沒有動畫孩子，也不能調用父div

我已經搜索過，期待這是常見的，並且很容易修復，但是沒有找到我在這種情況下發現的解決方案。如果沒有動畫孩子，也不能調用父div

我是一個供應商，所以我不能改變客戶的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'); 
    });

來源

2011-11-04 Dizzo

這就是不透明只是如何工作... –

爲什麼你需要淡入淡出父容器？看起來你想淡出背景圖像或什麼的。請多顯示您的HTML標記。 –

我想淡化容器中定義的背景顏色。我嘗試將backgroundColor設置爲較暗的顏色，並且無論出於何種原因都沒有響應。 – Dizzo

是否有在div任何事情，應該讓變暗爲好，或者只是在div？如果你想要改變顏色，我建議改變div本身的背景顏色，而不是改變它的不透明度（有插件來動畫改變顏色）。

如果div中有其他內容需要調暗，唯一可行的方法是將不希望調暗的內容移出div，可能還需要設置絕對位置，動畫不透明度之前。困難和黑客，但可能。

來源

2011-11-04 14:24:42 NJLaPrell

我只想調暗內容div的背景顏色。現在，該容器中的img和文本也變暗。這一切都必須是獨立的，不允許插件。 – Dizzo

在這種情況下，您最好的選擇可能是每隔一段時間一次更改顏色。快速和骯髒的方式可能是setTimeout（function（）{$（「div.content」）。style（「background-color」：「＃EEE」}，50）;重複減少顏色並增加超時。更好的方法是定期循環，並根據您想要的顏色以編程方式更改顏色值。 – NJLaPrell

如果沒有動畫孩子，也不能調用父div

回答

相關問題