背景圖像最小寬度和定位

我在我的html文檔的背景中有兩個圖像。一個位於右上方，另一個位於左下方。背景圖像最小寬度和定位

在移動設備上，右上角的圖片沒有出現在右上方，而是出現在右上方，大約是3/4。我用最小寬度擺弄，但沒有快樂。任何人都可以在我的代碼中發現問題嗎？

CSS：

body { 
    background-image: url("images/bktopright.png"), url("images/bkbottomleft.png"); 
    background-position: right top, left bottom; 
    background-repeat: no-repeat; 
    line-height: 1; 
    min-width: 1150px; 
}

正如我不能確定的HTML或CSS文字的哪個部分導致了問題的鏈接，該網站是在這裏如果有人有時間來檢查它在移動設備上： http://tinyurl.com/7ywoqpf

我如何能確保背景圖像停留在一個移動/表右上方

來源

2012-03-25 Doug Fir

你有沒有試過background-attachment：fixed; – w3uiguru 2012-03-25 16:23:55

如果您有單獨的移動版本，那麼我們很難進行調試。你能在這裏發佈手機版嗎？另外，您正在測試哪些設備？ – 2012-03-25 16:50:01

@Happy Singh - 非常感謝 – 2012-03-26 00:26:59

嗯，如果你對移動網站類似於您張貼在這裏的人，那麼我想這個問題是因爲你正在使用巨大的圖像。（1196×788像素）

來源

2012-03-25 16:49:56

感謝您對圖片大小的建議。我已經設法解決了我的問題，並且在不久的將來計劃一個移動網站。 – 2012-03-26 00:29:00

背景圖像最小寬度和定位

回答

相關問題