ブラウザのサイズに関係なく中央に表示される CSS 背景画像があります。使用されている画像は、ブラウザの幅全体には及びません。この場合、ブラウザのサイズに関係なく中央に配置される背景画像に対する位置を維持するために、CSS に背景画像とリンクを配置した div も必要です。
私は手を出しました。
position:relative;
しかし、それはすべての要素をカスケードし、私が探している特定の配置を許可しません。ここに私が取り組んでいるコードがあります。私の初心者の質問に対する洞察に感謝し、これがどのように動作するかを学ぶことを楽しみにしています。
このコードをさまざまなサイズのブラウザで表示すると、背景画像が幅全体に収まらない場合、要素はパーセンテージに設定されているため動き回ります。私はそれらがどこにでもとどまる必要がありますが、背景の中心にとどまります。これを CSS で記述する方法がわからず、しばらく苦労してきました。この特定の問題に関するガイダンスをありがとう。
body {
background:#000 url(bg.jpg) no-repeat center 0;
}
#logo {
margin: 0px 11%;
padding: 0;
position:absolute;
}