1

これは私のナビゲーション バーで、背景画像の上にいくつかのリンクで構成されています。以下を使用して画像を配置しました。

background-position: x% y%;

ページのサイズを変更またはズームすると、画像とリンクの位置が変わります。このため、リンクが写真の植生に重なってしまい、コントラストが強すぎて判読できません。background-position: x% y%;では、ズームが 100% のときに宣言した位置にリンクと画像を保持するために、リンクと画像をグループ化または保持する方法はありますか?

ここに画像の説明を入力

4

1 に答える 1

1

左側の植生がどこから始まるかを把握すると、およそ 10% に見えます。次に、次のようなものがあります。

.background {
  background-position: left center;
  background-size: 100% auto;
}
.text-wrapper { /*Some wrapper around the header and links, alternatively you could use something like h1, a:first-child */
  margin-left: 10%; /* the value of this being the % that the vegetation starts */
}
于 2013-10-24T00:33:56.347 に答える