1

クラスと ID を使用してスタイルを設定した Div がいくつかあります。それらは背景のプレースホルダーにすぎないため、div 自体は空です。部門の例:

<div id='ranImg1' class='ranImg'></div>

次に、この css を使用してスタイルを設定します。

.ranImg {
  position:fixed;
  z-index:0;
  width:250px;
  height:250px;
  display:block;
}
#ranImg1 {
  left:10px;
  top:200px;
  background-attachment:fixed;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

Div がドキュメントの左上にある限り、画像は正しく表示されますが、Div がページの別の場所に配置されると、画像はページの左上隅に留まり (見えなくなり)、画像と重なる部分のみが表示されます。 div (この例では、これは画像の下部になります)。

編集 他のレイアウトに影響を与えずにこれらの Div を配置しようとしています。それらは他のレイアウトの背後にあります。これは、背景画像が div の位置に従わないという事実を除いて機能します。
したがって、基本的に私の質問は、ranImg1 div の背景が div と一緒に配置されていないのに、左上隅にとどまっている理由と、これを修正する方法です。

4

1 に答える 1

3

ブラウザbackground-attachment:fixedウィンドウに相対的な背景画像を添付します。div位置を「フォロー」したい場合は、次の行を削除してください。

#ranImg1{
  left:10px;
  top:200px;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

background-position属性を設定して、含まれている div に相対的な背景を設定することもできます。

background-position: 0px 0px;

ただし、それが単に削除する以外に役立つかどうかはわかりbackground-attachmentません(まだ十分なコーヒーがありません!)

于 2008-12-01T20:59:49.573 に答える