負邊距和背景圖像顯示不正確

嗨我想創建一個背景圖像在我的頁面左下角。該頁面有左側和右側邊欄。我已經使用CSS將圖片放在左側邊欄和主要內容中，但都沒有正確放置。負邊距和背景圖像顯示不正確

這是我希望它看起來像：http://www.onetreehill.net.au/images/image2.jpg（。女孩向下探底希望她能在頁面的最下方左側的網站無論在頁面有多長）

而且這是她如何與我已經使用了CSS坐在時刻：http://www.onetreehill.net.au/images/image1.jpg

我已經使用了CSS：

.Content { 
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom; 
background-repeat: no-repeat; 
overflow: visible; 
} 

.Left { 
background: url(../../__custom/images/blue/page-bottom-1.jpg) left bottom; 
background-repeat: no-repeat; 
overflow: visible; 
}

當我使用下面的背景位置：背景：

url(../../__custom/images/blue/page-bottom-1.jpg) -150px 100%;

來源

2012-03-12 user1263183

請出示您的代碼/小提琴/演示站點所以我們可以很容易地指出你正在面臨的問題。 – w3uiguru 2012-03-12 05:51:48

你能告訴我們你的HTML嗎？我的懷疑是.Left沒有達到列的底部，但很難說沒有看到標記。

來源

2012-03-12 04:44:29 cmw

如果你能顯示你的html，這將很容易回答。你可以嘗試的一件事是將背景圖像給主容器div（可能是左div的父級）。

，如果你的代碼是這樣的

<div class="main-container"> 
    <div class="left"></div> 
    <div class="content"></div> 
    <div class="right">

那麼你的風格是

.main-continer { 

background: url(../../__custom/images/blue/page-bottom-1.jpg)no-repeat scroll left bottom ; 
}

希望這有助於..

來源

2012-03-12 06:39:47

負邊距和背景圖像顯示不正確

回答

相關問題