0

私のウェブサイトで bing.com のデザインを少し再現したいと思います。背景画像があります

background-size: cover;

画像のサイズを美しく変更するため。

問題は、指定された位置に bing.com の小さなボックスとしても表示したいことと、Web サイトのサイズが変更されてもこの位置を維持したいことです。パーセンテージで絶対位置を使用します。問題は、Web サイトのサイズを変更すると、ボックスが大きく移動し、目的の位置が失われることです。CSSで（JSでも）それをどのように管理できますか？

私のコード: http://dahevos.free.fr/wip/design.html . ウィンドウのサイズを変更しても、小さなボックスがトロンに設定されている必要があります。

4

1 に答える 1

0

属性を持つblockの親となるを作成する必要があります。その親には属性が必要です。これは、画面のサイズ変更が行われた場合でも、絶対配置された要素の位置をそのまま維持するために存在する必要があります。blockposition:absolute;blockposition:relative;

例えば、

<div style="position:relative;">
     <nav style="position:absolute;">&nbsp;</nav>
</div>

お役に立てれば。

于 2013-06-06T18:25:47.973 に答える