Superposition d'un DIV sur un autre élément

Question

Fondamentalement, j'ai un IFRAME qui affiche une page donnée. Je veux placer un certain nombre de DIVs au-dessus des éléments spécifiques dans cet IFRAME. Je ne suis pas en mesure d'éditer le CSS de la page source IFRAME.

Actuellement, je suis en utilisant jQuery pour ajouter les DIVs dans le IFRAME:

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

(#portal est le IFRAME, .callout est la DIV cible)

Alors maintenant, je dois juste div.overlay à être affiché sur/au-dessus de la cible DIV. Est-ce possible?

Answer 1

Oui, vous pouvez positionner l'élément absolute ou relative dans un conteneur, puis définir la position en conséquence.

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