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; }
[…] いたサイト:Design Notesさま「背景画像の複数指定の一例 CSS3」】 […]