CSS和HTML：身體背景圖像交替

-3

我已經內置在CSS中body標籤的網頁當前設置爲：CSS和HTML：身體背景圖像交替

body { 
background: url(../images/bg_fence.png) bottom repeat-x; 
}

網址：http://s361608839.websitehome.co.uk/careForAll/www/index.html

眼下，它顯示頁面底部的柵欄圖片。

而不是使用身體的背景來做到這一點，我該怎麼做呢？

來源

2012-03-01 Tim

爲什麼？爲什麼不簡單地添加圖像？ – PeeHaa 2012-03-01 22:11:42

你還想在同一個地方嗎？你可以在頁面底部有一個div，寬度爲100％，並在其中設置背景？ – Dan675 2012-03-01 22:12:11

我希望能夠在正文中設置另一個背景圖像，但將籬笆保留在頁面的底部。 – Tim 2012-03-01 22:12:35

創建一個div：

<div class="fence"></div>

然後添加CSS：

<style> 
     div.fence { 
      background: url(../images/bg_fence.png) repeat-x; 
      position: fixed; 
      bottom: 0px; 
      left: 0px; 
      width: 100%; 
      height: 17px; 
     } 
    </style>

來源

2012-03-01 22:12:33 Walk

嘿感謝您的建議，我試過你說的話但似乎沒有工作。請參閱http://s361608839.websitehome.co.uk/careForAll/www/index.html或許可以添加其他內容？向下滾動時，柵欄顯示在頁面上方。 – Tim 2012-03-01 22:25:20

編輯代碼，試試。即使在滾動時，這也會使其浮動在瀏覽器的底部。您還需要調整高度屬性以匹配柵欄圖像高度。 – Walk 2012-03-01 22:30:45

哦，看起來差不多了:)再看看，如果你不介意的話。柵欄div需要坐在房子的後面，但是當你滾動到底部的時候會在頁面的底部，而不是現在是如何位於頁面的底部（如果有意義的話）。 – Tim 2012-03-01 22:40:02

您可以使用div橫跨整個頁面的寬度，最後出現在您的文檔流程。它要麼必須是div與overflow: hidden和一個大圖像，或div而不是body背景圖像。

來源

2012-03-01 22:12:48 beerbajay

嘗試更改position:absolute爲position:fixed爲<div class="fence"></div>。

來源

2012-03-01 22:37:09

另一方面，訪問隨機網站可能不是一個好主意，不知道他們在那裏有什麼樣的惡意軟件。 – Walk 2012-03-01 22:40:57

CSS和HTML：身體背景圖像交替

回答

相關問題