Question

您好我正在尝试在页面左下角创建一个背景图片。该页面有左右侧边栏。我使用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;
}

当我使用以下作为背景位置时：background：

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

Answer 1

您能告诉我们您的HTML吗？我怀疑.Left并没有一直到达列的底部，但是如果没有看到标记就很难说。

Answer 2

如果你能展示你的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 ;
}

希望这会有所帮助..

负边距和背景图像无法正常显示

2 个答案: