如何确保某些内容始终堆放在主要内容之后

Question

我们在广告服务器上投放了一些广告。你知道广告是通过大量的JavaScript，重定向，flash和所有这些丑陋的东西来提供的。

大部分时间一切正常。

但是在某些罕见的情况下，例如旧浏览器或其他任何情况，广告都没有正确的位置，并且位于内容之上（不是故意的，就像我们根本没有的弹出窗口，图层或插页式广告）

我不希望广告位于我的内容之上，所以如果他们做错了什么就不应该出现。

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

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

Answer 1

z-index：

怎么样？

只需将所有div设置为10，并将所有div添加到0。

即

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

.myadd {
    z-index: 0;
}