2个图像作为背景放置在一个身体上

亲爱的访客！2个图像作为背景放置在一个身体上

我解决不了一个简单的问题：给定的图片“1.JPG”的背景身体（这是针对头自动按下），我仍然需要把图片 - “2。 jpg“被压在相反的页脚。也就是说，我需要一些高度“橡胶布局”，以便图片在页面高度较大时滑动，并且在内容不够时会出现图片。我会很高兴地链接一个工作示例（甚至不是演示，但只是一个我自己看源代码的网站），但至少我会感谢通常的建议和想法！先谢谢你。

对不起，我试着写得胜。

更新：

非常感谢你对你的答案。不要注意我只选择了一个，你帮了我，我谢谢你们！

来源

2012-02-21 user1103744

要获得完整的浏览器支持，我会在<body>上设置一个图像集，然后在网站容器上设置另一个图像，例如<div id="site">

HTML

<html> 
    <head> 
    <title>Title!</title> 
    </head> 
<body> 
    <div id="site"> 
    [Your website here] 
    </div> 
</body>

CSS

body {background: url(img/image-1.jpg) top no-repeat;} 
#site {background: url(img/image-2.jpg) bottom no-repeat;}

来源

2012-02-21 10:11:49 Probocop

你可以用CSS3实现这一目标：

body { 
    background: url("1.jpg") top left, 
     url("2.jpg") bottom right; 
}

如果需要对旧的浏览器（See here for current support）的支持，你将不得不使用一个标签的第二图像。

来源

2012-02-21 10:04:14 Greg

格雷格，太感谢你了！ – user1103744 2012-02-21 10:08:36

@ user1103744你很受欢迎。一旦您确认这可以帮助您，请点击绿色勾号将帖子标记为已接受。 – Greg 2012-02-21 10:11:52

使用CSS和2.JPG在页脚的背景把你身体的背景图像1.JPG。

我不知道什么是你的图像的大小，所以你可以看到下面的链接得到一些帮助 -

http://css-tricks.com/snippets/css/fixed-footer/

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

来源

2012-02-21 10:12:54 w3uiguru

2个图像作为背景放置在一个身体上

回答

相关问题