0

私はこのコードを持っています:

<td width="140">
    <div style="position:relative; width:140; height:600; z-index:1;">
        <img height="100%" width="100%" src="core_rec/web_res/menubg.png" />
    </div>
    <div style="position:relative; z-index:0;">
        <iframe src="iframes/menus/main.html" width="140" id="sidebar" height="600">
        </iframe>
    </div>
</td>

画像を含む背景 div があり、その上に透明な背景を持つ iframe があるため、画像をリロードせずに iframe のコンテンツを変更できます。しかし、そのコードを表示しようとすると、2 つの div が分離され、画像が上に表示され、その下に iframe が表示されます。なぜ彼らが本来のように積み上げられないのか理解できません。

絶対的な参照を作成することをためらうので、可能であれば、両方の位置をセルに対して動的にするようにします。絶対参照を作成する唯一の方法はありますか?

4

1 に答える 1

0

何をしようとしているのか正確にはわかりませんが、ネガを使用してすべてを再配置するフィドルをmargin-top次に示します。

于 2012-06-13T01:33:28.303 に答える