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

jQuery news ticker, tucking behind other jQuery plugins and Images

本文关键字：jQuery 插件 图像 其他 隐藏 新闻 收报机      更新时间：2023-09-26

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

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

首先，你可以给 CSS 类jnewsbar属性z-index: 99

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

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

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

相关文章：