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

Question

Я не могу успешно воссоздать эту ошибку в скрипке. Here's a link to the site (который никогда не спустится).

Когда вы приедете на сайт, вы увидите тикер новостей в нижней части сайта. Как вы прокрутите вниз, вы заметите, как вы проходите 1. Главного Slider, 2. Announcement Slider и 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).

Answer 1

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

Причина, по которой другие элементы - которые НАД NewsBar - находятся над NewsBar, что все они position: relative, что делает их открытыми для z-index , И в новостной линейке position: absolute, что также относится к z-index

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

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