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

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; 
}