背景固定位置

Question

我正在開發一個使用jQuery UI的移動網頁。我想要設置一個即使用戶向下滾動頁面也保持靜態的背景。所以背景總是一樣的，但頁面的內容是滾動的。

我一直在google搜索的很長一段時間，我無法找到任何工作......這從StackOverflow的鏈接是最準確的，但它現在的工作在Android瀏覽器（Jquery Mobile Android - Fixed full-screen background image?）

任何想法如何做到這一點？

Answer 1

嘗試將圖像作爲固定位置的全尺寸div的背景。

然後，您可以將所有內容放入可滾動的全尺寸固定位置div。

Answer 2

所以我想沒有一個通常的（下）適合你？

<style> 
body{ 
background-image:url('image.jpg'); 
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center top; 
background-size:auto; 
}</style>