负边距和背景图像显示不正确

嗨我想创建一个背景图像在我的页面左下角。该页面有左侧和右侧边栏。我已经使用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

负边距和背景图像显示不正确

回答

相关问题