2015-05-06 3 views
0

Только что началось с кода. Я знаю очень мало. Пробовал положить все, что у меня есть в JSFIDDLE ... он просто не работает.fadeToggle() одно и то же изображение исчезает по-разному

Имеется фоновое изображение. Наверху это видео. И поверх видео есть название, которое охватывает всю страницу.

Когда я пытаюсь fadeToggle устранить все, кроме видео, часть названия, которая находится именно на видео, быстро исчезает, в то время как остальная часть того же заголовка (а не перекрытие видео) отлично исчезает вместе с фоновым изображением, поскольку я установили его в fadeToggle (1500).

Почему такое же изображение (название, а не фон, фон исчезает в порядке) раскололось, когда исчезло?

Спасибо, ребята!

+5

Ссылка на JSFIDDLE, пожалуйста, –

+0

. Все, что отображается «поверх видео», вероятно, будет иметь проблемы с анимацией, поскольку выцветание должно быть рассчитано на основе слоев ниже него. Вероятно, вы получите разные результаты в разных браузерах, так как некоторые могут включать в себя текущие видеофрагменты в fade, а другие - нет. –

+0

Отправьте свой код в свой вопрос. Затем, необязательно, добавьте ссылку на ваш jsFiddle. Такие сайты, как jsFiddle, должны дополнять код в вашем вопросе, а не действовать в качестве замены для него. – j08691

ответ

0

Возможно, потому что, когда начинается fadeToggle, рендер помещает видео по изображению, поэтому он исчезает. Вы можете попробовать установить style="z-index: 100" на изображение и посмотреть, можете ли вы заставить его оставаться в верхней части ... Кроме того, если вы могли бы попытаться удалить видео до того, как изображение полностью исчезнет, ​​вы наверняка знаете, находится ли он за видео или нет.

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

+0

У меня есть индекс z до 100 на этом названии. Благодарю. Я решил пойти с заголовком над видео. Мне жаль, что я не предоставил jsfiddle. Большое вам спасибо. –

Смежные вопросы