如何保持底部左側的背景圖像甚至滾動

我想知道是否有辦法讓我的背景圖像始終保持在底部左側，即使用戶滾動瀏覽器。當前的CSS可以在網站加載時在瀏覽器底部製作圖像，但如果我滾動瀏覽器，它仍然會保持在同一位置。我感謝任何幫助。如何保持底部左側的背景圖像甚至滾動

html, body 
{ 
background-image:url("backgroundBottom.png"); 
background-position:bottom left; 
background-repeat:no-repeat; 
background-attachement:fixed; //I just add this, don't think this would work. 
font-family:"Georgia, self"; 
font-size:"30px"; 
margin:0px; 
height:100%; 
text-align:center; 
}

來源

2010-07-14 FlyingCat

你設置都是在HTML & BODY元素的背景指定。

代碼看起來不錯，background-attachment：fixed是你需要的。

所以在速記CSS，只寫

body { 
    background: url(backgroundBottom.png) bottom left no-repeat fixed; 
}

來源

2010-07-14 03:40:33 Marko

非常快速和容易修復..謝謝+1 – FlyingCat 2010-07-14 03:55:18

我的榮幸。乾杯 – Marko 2010-07-14 04:01:20

，如果它是一個沒有重複一個固定的形象，我建議把它在它自己的div標籤是完全一樣的寬度和高度的圖像。

<div id="BackgroundImage"></div>

然後使用以下CSS

#BackgroundImage{position: fixed; width="xx"; height="yy"; bottom:0px; left:0px;}

顯然定製，以您的需求

主要的一點是position:fixed

生成絕對定位的元素，相對於定位瀏覽器窗口。元素的位置與「左」，「頂」，「右」和「底」的屬性

http://www.w3schools.com/Css/pr_class_position.asp

來源

2010-07-14 03:39:54

呃，如果他把它添加到html/body元素，會發生很有趣的事情。 – Marko 2010-07-14 03:44:23

在身體上使用'background-attachment'更容易，而不是搞亂奇怪定位的元素。更不用說這個固定位置已經被報告在IE中無法正常工作。 – animuson 2010-07-14 03:47:28

是真的，看我的編輯。 – 2010-07-14 03:48:19

您使用的背景附上* E *換貨：固定;

嘗試拼寫它更好像background-attachment：fixed;

來源

2012-06-13 02:07:52 Dan

如何保持底部左側的背景圖像甚至滾動

回答

相關問題