1

ページの背景に画像とその周りの色を取得するために、次の CSS を使用しています。

#home{text-align:center;background:Red url('/Content/image.png') no-repeat fixed center;}

任意のブラウザー (Chrome を好む) を使用して自分のコンピューターで実行すると、すべて問題ありません。ただし、携帯電話 (Chrome を使用) で Web サイトを開くと、画像ではなく背景色しか表示されません。しかし、中央部分（背景位置）を外すとすぐに見えます。

何か案が？

4

3 に答える 3

3

いくつか検索した結果、1024px を超える画像は iDevices に表示されないことがわかりました。次のように、メディアクエリを使用して背景を変更しました。

@media all and (max-width:900px), (max-device-width:900px){
body{
background-image: url('smaller-image.gif');
}
}

それが誰かを助けることを願っています。

于 2013-09-04T17:07:11.973 に答える
1

私は同じ問題に直面したのでbackground:url("../img/pic1.jpg") no-repeat center;、iOSで問題が発生した場合に試すことができる作業を適用しました。

于 2016-02-09T13:55:03.957 に答える
1

現在では、画像の幅が 1024px より広いかどうかは問題ではありません。背景画像が表示されない原因となった私の問題は次のとおりです。background-attachment: fixed;

この場合、この行をbackground-attachment: scroll;@media クエリで変更するだけです

于 2017-11-09T15:44:28.767 に答える