1

ここでは3つの画像を使用していますが、3番目の画像にテキストが必要です。
私のコードは次のとおりです。

<div style="position: relative; left: 0; top: 0;">
    <img src="Images/img1.png" style="position: relative; top: 0; left: 0;" />
    <img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" />
    <img src="Images/img3.png" style="position: absolute; top: 0px; left:720px;" />
    <div style="position:relative;top: 0px; left:720px;">
        Home<br />
        contact<br />
    </div>
</div>
4

3 に答える 3

3

基本的な変更は、このようにrelative使用することを目的としていますabsolute

<div style="position:absolute;top: 0px; left:720px;">
                            Home<br />
                            contact<br />
</div>

相対配置-相対配置された要素は、通常の位置を基準にして配置されます。

絶対位置-絶対位置要素は、静的以外の位置を持つ最初の親要素を基準にして配置されます。

詳細を確認してください：CSSポジショニング

于 2013-03-26T12:04:20.477 に答える
3

テキストdivを所定の位置に配置しようとしましたabsoluteか？それは中にありrelative divます...

<div style="position: relative; left: 0; top: 0;">
    <img src="Images/img1.png" style="position: relative; top: 0; left: 0;" />
    <img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" />
    <img src="Images/img3.png" style="position: absolute; top: 0px; left:720px;" />
    <div style="position:absolute;top: 0px; left:720px;">
        Home<br />
        contact<br />
    </div>
</div>
于 2013-03-26T12:06:43.023 に答える
1

要素をフローから外すには、position：relativeではなくposition：absoluteを使用する必要があります。ただし、左側と上部の属性を調整する必要があります。

于 2013-03-26T12:10:22.290 に答える