別の要素の上にDIVをオーバーレイする

Question

基本的には、特定のページを表示するIFRAMEがあります。私は特定の要素の上にいくつかのDIVを配置したいと考えていますこのIFRAMEの中にあります。 IFRAMEソースページのCSSを編集できません。

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

（#portalはIFRAMEで、.calloutがターゲットDIVである）

をだから今、私はちょうどにdiv.overlay必要があります。現在、私はIFRAME内のDIVを追加するjQueryのを使用しています

ターゲットDIVの上または上に表示されます。これは可能ですか？

Answer 1

はい、要素absoluteまたはrelativeをコンテナに配置し、それに応じて位置を設定できます。

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