背景画像の複数指定の一例 CSS3

カテゴリー: CSS3, ipad

pcに作成したサイトの背景画像が、ipadでは表示されていなかった。
タテpx×ヨコpx=2メガピクセル以内にしないと表示されないそうだ。
3つにわけて、CSS3の複数指定で対処。

〜背景画像の複数指定の一例〜

#page{
	margin: 0px auto;
	padding: 0px;
	background-image: url(images/bg-1.jpg),url(images/bg-2.jpg),url(images/bg-3.jpg );
	background-repeat: no-repeat;
	background-position: center 0px , center 1000px , center 1500px;
}

または

#page{
	margin: 0px auto;
	padding: 0px;
	background-image: url(images/bg-1.jpg),url(images/bg-2.jpg),url(images/bg-3.jpg );
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center 0px , center 1000px , center 1500px;
}
背景画像の複数指定の一例 CSS3” への1件のコメント
1 Ping/トラックバック のために "背景画像の複数指定の一例 CSS3"
  1. […] いたサイト:Design Notesさま「背景画像の複数指定の一例 CSS3」】 […]

コメントを残す

メールアドレスが公開されることはありません。