Наложение DIVS

97
12

Кажется, я не могу заставить fadeIn Div наложить оригинальный DIV, не вызывая проблем с исчезновением. Какие-либо предложения?

http://jsfiddle.net/AndyMP/qCa7a/11/

$(document).ready(function(){
$(".thumbnail").hover(
function(){
$(".overthumb").stop(true,true).fadeIn(1000);
},
function(){
$(".overthumb").stop(true,true).fadeOut(1000);
}
);
});

спросил(а) 2021-01-19T18:16:41+03:00 2 месяца, 4 недели назад
1
Решение
86

Можете ли вы не просто поместить его в другой div?

ответил(а) 2021-01-19T18:16:41+03:00 2 месяца, 4 недели назад
61

Вам нужно будет поместить второй div внутри первого, что фактически приводит к тому, что "выход" будет срабатывать правильно.

Здесь jsfiddle... надеюсь, что это поможет!

Для всех, кто боится jsfiddle, вот идея:

<div class="thumbnail">
<div class="overthumb" style="display:none;"></div>
</div>

... и сопроводительный сценарий:

$(document).ready(function(){
$(".thumbnail").hover(
function(){
$(".overthumb").stop(true,true).fadeIn(1000);
},
function(){
$(".overthumb").stop(true,true).fadeOut(1000);
}
);
});

ответил(а) 2021-01-19T18:16:41+03:00 2 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема