cssで背景を繰り返しから300px以降

StackOverflow https://stackoverflow.com/questions/1845714

  •  12-09-2019
  •  | 
  •  

質問

私は誰もが知っていて目標を実現するために、下記のひとつと位置付けを見 http://www.dspts.si

最初の1/3の画面が空の背景から以降が必要であるパターンを作成します。"とか"また戻ってしまった今、成長パターンをpngとセットでオフセット300ピーする。しかし、私は満足しないこのソリューションを致しますので休憩場合はページ以取得の背景画像pngです。

感謝の他のご提案！

役に立ちましたか？

解決

要素をhtmlする背景画像として白1pxの* 300ピクセルの画像、その後、要素をbodyする背景として繰り返しパターンを入れて、あなたはすべてのセットです。

html, body {
    height: 100%;
}

html {
    background: url(dotted.png);
}

body {
    background: url(white_1x300.png) 0 0 repeat-x;
}

あなたはこのためにhtmlとbodyタグを使用する必要はありませんが、それは最も簡単な方法だと、新しいマークアップを必要としません。

他のヒント

複数指定することができます。見 いただきたいのですが、可能で複数の背景画像を使用CSS?.技術の記載があり:

  • の全体のページ他 <div> コンテナまたは誤用の <html> タグです。
    これを指定する背景 <body> と <html>.
  • 利用CSS3を支える複数の背景ます。ことになる未サポートすべてに共通するものではありません。

はい、通常通りお使いの背景画像を指定しますが、このようbackground-positionを設定します：

background-position:0 300px;

この上から背景画像左から0PXで開始し、300ピクセルを行います。

Firebugのを持つ FireFoxののは、簡単にウェブサイト上の技術を診断します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top