jQuery 新闻自动收录器，隐藏在其他 jQuery 插件和图像后面

Question

我无法在小提琴中成功地重新创建此错误。 Here's a link to the site（永远不会下来）。

当您到达该站点时，您会在该站点的底部看到一个新闻代码。当您向下滚动时，您会在传递 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

其他元素（位于新闻栏上方）位于新闻栏上方的原因是它们都是position: relative，这使得它们对z-index 开放。新闻栏是position: absolute——这也是z-index

由于所有其他元素都在稍后进入 DOM，因此它们获得了比新闻栏更高的“优先级”。

所以要么使用z-index: 99，要么在HTML 中将jnewsbar DIV 向下移动。