Проблемы IE8 с .animate () свойства opacity - потомок остается непрозрачным - PullRequest
Новая
       10

Проблемы IE8 с .animate () свойства opacity - потомок остается непрозрачным

0 голосов
/ 29 мая 2010

В основном у меня есть что-то вроде этого: 

<ul>
<li>
<a>
<div class="trigger-layer"></div>
<div class="title-layer">Text here</div>
<div class="hover-layer"></div>
</a>
</li>
</ul>

Я использую jQuery для анимации <ul> следующим образом: 

$ul = xxx (where I assign the selector to var $ul)
$ul.animate({opacity: 0}, 1000, function() {$ul.css("display", "none")});

Однако в IE8, когда <ul> исчезает, <div class="title-layer">Text here</div> остается прозрачным и непрозрачным. Наконец анимация заканчивается, свойство display: none; применяется к <ul>, и текст внезапно исчезает.

1 Ответ

1 голос
/ 29 мая 2010

У вас есть какая-то внешняя разметка / стиль / скрипт, влияющие на это, используя только то, что вы опубликовали, вы можете увидеть демо здесь: http://jsfiddle.net/r7pwQ/

Вы уверены, что нет недействительного HTML? (кроме <div> s внутри якоря, что также недопустимо :) Убедитесь, что вы имеете дело с действительным HTML , в противном случае IE будет выполнять любые случайные действия.

...