Наложение DIV поверх другого элемента

Question

В основном у меня есть IFRAME, который отображает данную страницу. Я хочу разместить ряд DIV поверх определенных элементов в пределах этой IFRAME. Я не могу редактировать CSS исходной страницы IFRAME.

В настоящее время я использую JQuery, чтобы добавить дивы в IFRAME:

$('#portal').contents().find('.callout').append('<div class="overlay">Test</div>'); 

(#portal является IFRAME, .callout является целевой ДИВ)

Так что теперь мне просто нужно div.overlay к отображаться поверх/над целевым DIV. Возможно ли это сделать?

Answer 1

Да, вы можете поместить элемент absolute или relative в контейнер, а затем установить соответствующее положение.

.overlay { 
    position: absolute; 
    left: 10px; 
    top: 10px; 
    z-index: 1; 
}