引導背景圖片不顯示用firefox

在我的html文件，我使用的是：引導背景圖片不顯示用firefox

<body style="background-image:url(images/back.png); "> 
.... 
</body>

，並在我的CSS文件：

body { 

    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    color:#fff; 
    background-color:#333; 
    font-family: 'Open Sans',Arial,Helvetica,Sans-Serif; 
}

當我打開谷歌瀏覽器的網頁，它的工作原理好，但在Firefox上圖像不會出現。如果我從Css文件調用圖像而不是從html文件調用圖像，則會發生同樣的情況。

我得到更多的信息，當我使用在Firefox中我們控制檯，我得到這個錯誤：

Image corrupt or truncated.

來源

2015-11-26 Cesar Troya Sherdek

您的代碼對我來說已經是 –

我剛剛在我的Firefox瀏覽器中嘗試了您的代碼，它似乎工作正常。（Windows 7 64位，Firefox 41.0.2）。 – SylvrFalkon

您使用的是託管在網絡上還是在您的電腦上的圖像？ –

嘗試添加下列到你的身體CSS標籤。

background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed;

來源

2015-11-26 21:53:29 SylvrFalkon

我做到了，但它沒有工作:( –

似乎是類似的問題在這裏：http://stackoverflow.com/questions/24104683/css-background-size-cover-not-working-in-firefox – SylvrFalkon

didn既不工作也不工作 –

我發現這一點：https://bugzilla.mozilla.org/show_bug.cgi?id=941823

主要是針對大型圖片可能會導致「圖像損壞或截斷」的錯誤在Firefox，所以我將圖像縮小到尺寸7494x3891，它工作得很好。

來源

2015-11-26 23:10:22

可能是你的圖像是currept文件。我試着用你的代碼替換一個在線圖像，它也在Chrome和Firefox中工作。檢查示例[https://jsfiddle.net/wdhzujqn/]1

來源

2015-11-27 06:29:27 GunvantParmar

我發佈解決方案，圖像是大jaja firefox有一個bug –

引導背景圖片不顯示用firefox

回答

相關問題