2017-12-28 11 views
0

私はウェブサイトを作成していると私は、CSSで私の背景画像を定義するに表示されません。CSS定義された背景画像は、一部のページ

ここは私のCSSコードです。

body 
{ 
    background-image: url('../background_image.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
} 

これは、すべてのマイページに適用されます。 すべてのデスクトップページで動作しますが、モバイルではインデックスページのみで動作します。 私はすべてがデスクトップ上で動作しますので、正しく画像を参照することができるヘッド

<link rel="stylesheet" type="text/css" href="css/general.css"> 

ページファイルのすべての下で次のように使用してCSSファイルにページをリンクします。 アンドロイドシステムのバグについて聞いたことがありますが、モバイルのインデックスページで動作しているので、これはそれだとは思いません。

ありがとうございます。

+0

ルールを上書きする別のCSSかパスが間違っていると推測します。 '/ full/path/to/img.jpg'を使うのがベストです。 – Tigger

+0

は既にそれを試みました。同じ結果。そして、それは私のCSSのすべてで私が体を参照する唯一の場所です –

+0

開発者ツールを開いてbody要素を選択し、background-imageと入力すると、どのような値セットが表示されますか?私は、Cody Fulfordが提案したようなあなたの背景イメージを無効にしている別のCSSがあると思います。ここに私が何を意味しているのですかhttps://ibb.co/bxO5SG – orabis

答えて

0

は、背景画像は、モバイル上でページを「プッシュダウン」されていたことが判明しました。私のCSSで

は、私は水平方向のページ上の画像を中心background-position: center;を持っていましたが、トップの位置が変動しました。 background-position: center top;にこれを変更する

は私が携帯に背景画像を見ることができました。

私は最終的に所望の位置を取得するためにbackground-position: center -200px;にそれを変更しました。

を助けた皆にありがとう!

0

は次の形式を使用します。

background-image: url('http://example.com/folder/background_image.jpg');

+0

他のコメントを確認してください。既に試してみました。 –