背景圖像右下角對齊錯誤-Chrome在Android上

Question

我有一個網站，要求“右下方”背景圖像對齊，以及背景色為＃000。

我的css可以在到目前為止我嘗試過的所有OS和瀏覽器（chrome（即moz，safari））上正常測試，但android上的chrome可以將背景圖像顯示在瀏覽器窗口之外。 其他圖像對齊方式效果很好-問題似乎僅在於右下角對齊，並且僅適用於android上的chrome。

問題頁面網址： 具有背景圖片：右下對齊

CSS如下：

body { 
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 1em;
    background: url("../images/bg_prices_XL.jpg");
    background-size: contain;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: bottom right; 
    background-attachment: fixed;
}

如果將對齊方式更改為背景圖像：右上方； 然后問題就解決了。

頁面在android moz上正確呈現。 因此，是否需要包括-webkit特定的對齊方式？

Havd嘗試添加：

html,body {
   height 100%;
   width 100%;
}

...但是沒有運氣。 視口大小已經設置為設備大小，Chrome似乎無論如何都在視口的底部頁腳進行渲染。

嘗試對CSS的html部分下的background-image進行樣式設置，但是沒有用。

歡迎所有想法。

Answer 1

我已經檢查了Chrome開發工具中的頁面。 我認為，如果您刪除了背景附件：固定； 它會正常工作。

Answer 2

...沒關系的人。 我將背景固定為高度和寬度為100％的div，z索引為負。 對我來說，這似乎是個笨拙的解決方法，但似乎可行。 任何更好的建議，盡管將不勝感激，謝謝。