javascript - 如何保证一些内容总是堆叠在主要内容的后面

Question

我们的网站上有一些广告由广告服务器转换。您知道广告是通过大量 JavaScript、重定向、Flash 和所有这些丑陋的东西转换的。

大多数时候一切正常。

但在一些罕见的情况下，如旧版浏览器或其他，广告没有正确的位置，而是位于内容之上(不是故意的，比如我们根本没有的弹出窗口、图层或插页式广告)

我不想让广告位于我的内容之上，因此如果他们做错了什么，他们根本不应该出现。

所有这些广告标记都在 <div id="ad">...</div> 中.是否有一种可靠的方法可以将所有这些内容堆叠在其他内容后面，而不管此 div 中的内容如何？

像“告诉广告服务器/营销经理/等做正确的事”这样的回答对我没有帮助。我的网站需要技术解决方案。

Answer 1

z-index怎么样？ :

只需将所有 div 设置为 10 之类的值，然后所有加法都为 0。

即

div { /*so all your website content appears on top*/
    z-index: 10;
}

.myadd {
    z-index: 0;
}