Не могу вызвать родительский div без анимации детей - PullRequest
Новая
       29

Не могу вызвать родительский div без анимации детей

0 голосов
/ 04 ноября 2011

Я искал, ожидая, что это будет распространено и легко исправить, но ни одно из найденных решений не сработало в этой ситуации.

Я поставщик, поэтому я не могу изменить html клиентов для использования UL.Цель состоит в том, чтобы непрозрачность содержимого div исчезла при наведении курсора.Происходит следующее: img и текст в родительском элементе div также исчезают при наведении курсора.Я не могу использовать .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');
    });

1 Ответ

0 голосов
/ 04 ноября 2011

Есть ли в div что-нибудь, что должно затемниться, или просто div?Если вы хотите изменить цвет, я бы предложил изменить цвет фона на самом div, а не менять его непрозрачность (есть плагины для анимации изменения цвета).

Если в div есть другое содержимое, которое вы хотите затемнить, единственный способ сделать это - переместить вещи, которые вы не хотите, затемнять из div, возможно, нужно установить абсолютные позиции какну, прежде чем оживить непрозрачность.Сложно и хакерски, но возможно.

...