2016-05-17 15 views
-2

すべてのブラウザで動作するようにバックグラウンドイメージを取得しようとしています。次のコードは、すべてのブラウザのために完璧に動作しますが、Firefoxの:CSSの背景がFirefoxで動作しない

<style> 
    body { 
     background: url('src/images/SpeqS.jpg') no-repeat center; 
     background-size: 50%; 
     height: 100%; 
    } 
</style> 

誰がどんな考えを持っていますか?

+0

このコードを実行するFirefoxのバージョンを教えてください。 background-sizeはFF4 +でしか動作しません。以前のバージョンでは、-moz接頭辞を追加する必要があります。https://developer.mozilla.org/en-US/docs/Web/CSS/background-size – Aynolor

+0

コードヘルプを求める質問には、それを再現するのに必要な最短コードが含まれている必要があります。** ** ** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/)に質問事項**を掲載してください。 [**最小限の完全で検証可能なサンプルを作成する方法**](http://stackoverflow.com/help/mcve/) –

+0

私はFF 45.0.2を実行しているので動作するはずです。 – Mayia

答えて

0

更新されたコードこれはjsfiddleで正常に動作しているこの body { background: url('src/images/SpeqS.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; }

+0

私はこれを試しました、画像は画面の左上隅に表示され、それは端を過ぎているようです: http://i.imgur.com/XRqqwlv.png クロムのように見えるはずです: http://i.imgur.com/cZykHTI.png 私はこれらの背景仕様の複数を変更しようとしましたが、ほとんどの仕様は画像をまったく現れません。 – Mayia

+0

別途画像を追加してみてください。 'background-image:url( 'src/images/SpeqS.jpg');バックグラウンド位置:中心;バックグラウンドサイズ:50%;バックグラウンドリピート:ノーリピート '。 – Hareesh

+0

これも同様に試しましたが、私が言ったように、背景の背景画像以外の仕様を変更すると、画像が消えるように見えます。 – Mayia

0
body { 
background: url('http://s32.postimg.org/pqht43fkl/Speq_S.jpg') no-repeat top center; 
background-size: 50%; 
height: 100%; 

}

を試してみてください。それがあなたが探している結果であることを願っています。

+0

これはjsfiddleで動作します。それは私のための実際のコードで動作しません。それは私のコードで指定されている場所と関係がありますか?現在、ホームページ用のHTMLにスタイルタグがあり、背景を指定しています。これは、これがホームページのウェルカムとお客様の名前のテキストとうまく機能するためです。それは私のCSSファイルにある必要がありますか? – Mayia

関連する問題