背景图像为1200px宽，主体宽度为900px。
背景图像为1200px宽，主体宽度为900px。
提问于 2014-09-22 14:15:58
我需要你帮我建一个网站。我是一个菜鸟，他们给了我一个设计，它的机身设计为900px宽，但他们给了我一个1200px宽的图像。他们希望图像跨越整个1200px的宽度，因此基本上在页面的两边都会有300px的重叠。我不太明白该怎么做，任何帮助都将不胜感激！
谢谢，戴夫
回答 3
Stack Overflow用户
发布于 2014-09-22 14:22:58
要实现他们想要的效果，最好的办法就是在CSS中将图像设置为背景图像。
- 设置将包含图像(作为背景)的div，并将其相对于所需的位置放置在页面上。
- 可以使用内容填充div以使其具有高度，也可以定义固定的高度(例如400px)。
- 现在，设置背景属性以实现所需的效果。
JSFiddle示例如下：
Stack Overflow用户
发布于 2014-09-22 14:19:02
您可以使用以下代码：
html {
background: url(images/bg.jpg) no-repeat center center fixed;
background-size: cover;
}来覆盖你所拥有的空间。
Stack Overflow用户
发布于 2014-09-22 14:29:41
body{
background: #ccc url(image_folder/image_name.extension) np-repeat 0 0 center;
}
#otherelement{
/*Style Your Page Whatever you want...*/
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25967689
复制相关文章
相似问题
腾讯云开发者
