Тикер новостей jQuery, скрывающийся за другими плагинами jQuery и изображениями

Question

Тикер новостей jQuery, скрывающийся за другими плагинами jQuery и изображениями

0

Я не могу успешно воссоздать эту ошибку в скрипке. Здесь ссылка на сайт (который никогда не спустится).

Когда вы приедете на сайт, вы увидите тикет новостей внизу сайта. Когда вы прокрутите вниз, вы заметите, что вы пройдете 1. Главный слайдер, 2. Ползунок объявлений и 3. Изображения для военных, медсестер и Грузии... тикер забирается за все это.

Как я могу держать это сверху?

Я уже разместил этот скрипт для вызова после загрузки DOM и перед тем, как вызывается скрипт слайдера...

$(function() {
    $('div.latest-news').jNewsbar({
        position: 'bottom',
        effect: 'slideup',
        height: 25,
        animSpeed: 600,
        puaseTime: 4000,
        toggleItems: 5,
        theme: 's-orange'
    });
});

Он использует jQuery 1.9.1 (CDN).

webfrogs 24 сен. 2013, в 20:31

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

Jay Claiton · Accepted Answer · 2013-09-24T16-16-00.000Z

Во-первых, вы можете присвоить классу jnewsbar CSS атрибут z-index: 99

Причина, по которой другие элементы, находящиеся в верхней части газетной панели, находятся над новостной лентой, состоит в том, что они все являются position: relative которая делает их открытыми для z-index. И в разделе новостей есть position: absolute - которая также подлежит z-index

Из-за того, что все остальные элементы входят в DOM позже, они получают более высокий "приоритет", чем газетная панель.

Таким образом, либо вы используете z-index: 99 либо переместите jnewsbar DIV в свой HTML.

Ты сделал это! Спасибо! Продолжай кодировать друга! Быстрый вопрос, если вы не возражаете. Откуда вы знаете, какое число использовать в качестве z-индекса? Вы прошли всю мою таблицу стилей, чтобы получить это?
@webfrogs Число 99 только что составлено. Я просто выбрал большое число, чтобы быть абсолютно уверенным в качестве верхнего элемента, чтобы у вас оставалось достаточно номеров для будущих элементов. Конечно, вы можете взять меньшее или большее число.