使所有瀏覽器都支持我的背景圖片嗎？

Question

我的網站背景圖片已設置為能夠響應瀏覽器的大小並保持居中狀態； 當我在Chrome中調整尺寸時，它可以完全正常工作。 但是，背景圖片不會出現在IE或Chrome應用中的android手機或Safari上； 基本上，它僅適用於Chrome。 如何使背景圖片出現在所有設備和瀏覽器上，同時仍然居中？

CSS：

html {
    background-image: url("http://blog-imgs-65-origin.fc2.com/s/n/n/snnantn/20140317230845d64.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: rgb(198, 198, 198);
    background-position: center;
}

HMTL頭：

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <title>Website</title>
    <link rel="stylesheet" href="app.css" type="text/css" />
</head>

Answer 1

我只是嘗試將您的示例與外部URL相同，這對我來說很好。 實際上，我們可以同時使用外部和內部圖像URL。 此問題可能與圖像的加載時間有關。

並嘗試使用css供應商前綴作為

-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

如果這也行不通，則有幾種CSS和js方法可以完成您的任務。

使所有瀏覽器都支持我的背景圖片嗎？

問題描述

1 個解決方案

解決方案1
0 2015-01-28 09:57:50

使所有瀏覽器都支持我的背景圖片嗎？

問題描述

1 個解決方案

解決方案1 0 2015-01-28 09:57:50

解決方案1
0 2015-01-28 09:57:50