jQuery新闻发布器，隐藏在其他jQuery插件和图片后面

Question

我无法在小提琴中成功地重新创建此错误。 这是网站的链接 （永远不会掉下来）。

当您到达网站时，您会在网站底部看到一个新闻报道。 向下滚动时，您会注意到经过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）。

Answer 1

首先，您可以为CSS类jnewsbar赋予z-index: 99属性z-index: 99

位于新闻栏上方的其他元素位于新闻栏上方的原因是，它们都position: relative ，这使它们对z-index敞开。 新闻栏的position: absolute是position: absolute -也受z-index约束

由于这一事实，所有其他元素稍后都将出现在DOM中，因此它们获得的“优先级”高于新闻栏。

因此，您可以使用z-index: 99或在HTML中向下移动jnewsbar DIV。