0

徹底的に検索しましたが、特定のクエリに対する回答が見つかりませんでした...確かに、それは私の初心者の能力と欠陥のある考え方が原因である可能性があります. 私が達成しようとしているのは、タイル化されておらず、繰り返されず、並べられた3つの画像の2行です...私のWebページの背景として設定されています。

CSS 背景として複製したい基本的な HTML フォーマットは次のとおりです。

<HTML>
<span><img src="images/image1.gif"><img src="images/image2.gif"><img src="images/image3.gif"><BR><img src="images/image4.gif"><img src="images/image5.gif"><img src="images/image6.gif"></span>
<HTML>

CSSソリューションでの私の大雑把な試みは次のとおりです。

<style type="text/css"> 
body
{ background-image: url('images/image1.gif'), url('images/image2.gif'), url('images/image3.gif'), url('images/image4.gif'), url('images/image5.gif'), url('images/image6.gif'); background-repeat: no-repeat; }
</style>

これは「機能」しましたが...私が何とかできたのは、左上隅に6つの画像を直接重ねるだけでした。初心者のための助けをいただければ幸いです。

ありがとう！

4

1 に答える 1

1

background-positionそれぞれの背景画像に明示的に割り当てる必要があります。これはあなたの状態のために働くはずです：

background-position: top left, top center, top right, bottom left, bottom center, bottom right;

background-sizecssプロパティもご覧ください。

ワーキングフィドル

于 2013-03-06T08:41:59.103 に答える