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：身体背景图像交替

回答

相关问题