Как убедиться, что какой-то контент всегда укладывается позади основного контента

Question

У нас есть несколько объявлений на нашем сайте, предоставляемых рекламным сервером. Вы знаете, что объявления доставляются множеством JavaScript, редиректом, флеш-памятью и всем этим уродливым материалом

Большую часть времени все работает.

Но в некоторых редких случаях, таких как старые браузеры или что-то в этом роде, реклама не имеет правильной позиции и находится над контентом (не специально, как всплывающее окно, слой или вставка, чего у нас нет вообще)

Я не хочу, чтобы над моим содержанием была реклама, поэтому, если они что-то делают неправильно, они вообще не должны появляться.

Вся эта рекламная разметка находится в <div id="ad">...</div>, Есть ли надежный способ разместить весь этот контент позади другого контента, независимо от того, что помещено в этот div?

Ответы типа "Скажи рекламодателю / менеджеру кампаний / и т. Д. Сделать правильные вещи" мне не помогают. Мне нужно техническое решение на моем сайте.

Answer 1

Как насчет z-index:

Просто установите все свои дивы в что-то вроде 10, и все добавляет к 0.

т.е.

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

.myadd {
    z-index: 0;
}