背景附件：固定在移動

我想爲spn web應用程序設置背景圖像，我需要修復背景（它不會與頁面的其餘部分一起滾動）。背景附件：固定在移動

這是身體的CSS：

body { 
    background-color: rgb(51, 102, 102); 
    background-image: url('../images/background.png'); 
    background-attachment: fixed; 
    background-position: center; 
    color: #eee; 
}

Safari在IOS和鉻在Android重複的背景代替在一個點固定它的。

我已經在互聯網上看到它已被禁用在手機上，但有沒有解決方案？

來源

2016-12-16 Gil

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

來源

2016-12-16 19:01:24 oompahlumpa

還有其他的選擇可以做到這一點，但這是唯一真正爲我工作的人;我嘗試了所有這些。

您將div設置在最初的標記下方。然後將圖像應用於div內的html。給予div和id屬性（在這種情況下爲#background_wrap）。 ...我嘗試了這種方式，但沒有在HTML中應用實際的圖像鏈接，它從來沒有正常工作，因爲在將圖像應用到CSS背景時，仍然必須使用「background-image：」屬性。讓這個在移動設備上工作的技巧是不使用任何背景圖像設置。這些值是我的項目的特定值，但對於我的固定背景圖像而言，它完全適用於移動以及較大的計算機視口，並保持居中和響應。可能需要爲您的特定項目調整一些值，但值得一試！我希望這有幫助。

<body> 
    <div id="background_wrap"><img src="~/images/yourimage.png"/></div> 
</body>

然後在CSS應用這些設置。

#background_wrap { 
margin-left: auto; 
margin-right: auto; 
} 
    #background_wrap img { 
     z-index: -1; 
     position: fixed; 
     padding-top: 4.7em; 
     padding-left: 10%; 
     width: 90%; 
    }

來源

2017-04-12 04:36:40

背景附件：固定在移動

回答

相關問題