文章/答案/技术大牛

发布

社区首页 >问答首页 >背景图像为1200px宽，主体宽度为900px。

问背景图像为1200px宽，主体宽度为900px。
EN

Stack Overflow用户

提问于 2014-09-22 06:15:58

回答 3查看 704关注 0票数 0

我需要你帮我建一个网站。我是一个菜鸟，他们给了我一个设计，它的机身设计为900px宽，但他们给了我一个1200px宽的图像。他们希望图像跨越整个1200px的宽度，因此基本上在页面的两边都会有300px的重叠。我不太明白该怎么做，任何帮助都将不胜感激！

谢谢，戴夫

html

css

回答 3

Stack Overflow用户

发布于 2014-09-22 06:22:58

要实现他们想要的效果，最好的办法就是在CSS中将图像设置为背景图像。

设置将包含图像(作为背景)的div，并将其相对于所需的位置放置在页面上。
可以使用内容填充div以使其具有高度，也可以定义固定的高度(例如400px)。
现在，设置背景属性以实现所需的效果。

JSFiddle示例如下：

jsfiddle

票数 1

Stack Overflow用户

发布于 2014-09-22 06:19:02

您可以使用以下代码：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  background-size: cover;
}

来覆盖你所拥有的空间。

票数 0

Stack Overflow用户

发布于 2014-09-22 06:29:41

body{
    background: #ccc url(image_folder/image_name.extension) np-repeat 0 0 center;
}
#otherelement{
    /*Style Your Page Whatever you want...*/
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25967689

复制

CSS——边距

padding

边距包括外边距(Margin)属性和内边距(Padding)属性，外边距属性定义了元素间的间隔，内边距属性定义了元素边框与内容区域之间的空白区域。

Html5知典

2019/11/26

1.3K0

CSS_边距填充

填充：指向一个元素的内部，增加空间，（内边距）,与外边距不同，填充会改变元素的大小。随着填充的增加，元素会被撑大。

bye

2020/11/24

1.1K0

【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )

css html web 浏览器模型

向 HTML 的 <body> 标签中 , 添加元素 , 并不是紧贴左侧和顶部 , 而是有一个默认的间距 , 如下图所示 :

韩曙亮

2023/03/30

2.5K0

【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )

【RecyclerView】七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )

recyclerview 博客布局对象源码

RecyclerView.ItemDecoration 是抽象类 , 当前使用的 onDraw , onDrawOver , getItemOffsets

韩曙亮

2023/03/28

5.6K0

【RecyclerView】七、RecyclerView.ItemDecoration 条目装饰 ( getItemOffsets 边距设置 )

webkit中BFC元素临近浮动元素时的边距bug

css

一直以来我们都很熟悉IE的“浮动边距加倍”的bug，并且绝大多数重构人员都已经很擅长在需要浮动时就直接绕过他。其实以webkit为核心的浏览器，包括但不限于Safari和Chrome，也有一个关于浮动和边距的bug，同样会造成布局错误。我在最近三个月的前一个月连续遭遇了两次这个bug，后两个月虽然避免了再次出现，但是直到现在才把这个bug彻底弄清楚。触发这个bug的条件是：在一个非浮动元素上应用overflow，且其值不为visible（这将形成一个Block Formatting Context元素）

小李刀刀

2018/03/06

1.7K0

css负边距之详解

css

前朝楚水

2018/04/03

1.9K0

css负边距之详解

css

用户1667431

2018/04/18

2.2K0

R|绘图边距及布局

bash bash 指令

简单介绍一下如何调整绘图区域及边距区域，如何将多个图形绘制在一张图中，并根据图形的大小及特性调整一下图形分布。

生信补给站

2020/08/06

2.4K0

[Java小工匠]CSS盒子模型-边距合并

其他

CSS外边距合并，只有上外边距和下外边距才会触发外边距合并，左外边距和右外边距不会。

Java小工匠

2018/08/10

1.1K0

CSS盒模型及边距问题

css

盒模型是CSS的基石之一，页面的每一个元素都被看作一个矩形框，分别由外边距，边框，内边距，内容组成，

菜的黑人牙膏

2019/01/21

9560

iOS·UITableView分割线颜色，隐藏，边距（宽度，起点）等设置

其他

1. 除掉UITableView底部多余行及分割线： self.tableView.tableFooterView = [[UIView alloc] initWithFrame:CGRectZero]; 2. 隐藏所有的分割线 self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone; 3. 设置分割线横条的颜色 self.tableview.separatorColor = [UIColor redColor]; 4. 设置分割线

陈满iOS

2018/10/11

6.5K0

清空默认边距的完整代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>54-清空默认边距</title> <style> /* *{ margin: 0; padding: 0; } */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,c

贵哥的编程之路

2020/10/28

9530

学位论文如何设置最规范的页边距和装订线距离？

布局

1、点击[布局] 2、点击[页边距] 3、点击[自定义边距] 4、点击[上] 5、点击[左] 6、点击[装订线] 7、点击[确定]

裴来凡

2022/05/28

1.7K0

发送电子邮件

python tcp/ip

在即时通信软件如此发达的今天，电子邮件仍然是互联网上使用最为广泛的应用之一，公司向应聘者发出录用通知、网站向用户发送一个激活账号的链接、银行向客户推广它们的理财产品等几乎都是通过电子邮件来完成的，而这些任务应该都是由程序自动完成的。

用户8442333

2021/05/20

2.3K0

【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )

padding 模型语法

下图中 , 中心 100 x 100 像素的是内容 , 内容外侧 , 边框内侧 , 就是内边距范围 ;

韩曙亮

2023/03/30

8860

【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )

【说站】css边距重叠是什么

css

css边距重叠是什么 1、边界重叠是指两个或两个以上盒子的相邻边界重合在一起，构成单一边界。可以相邻也可以嵌套，其中没有非空内容、补白、边框。 .neighbor{ height: 100px; background: red; } .father{ background: #f436365e; } .child{ height: 100px; margin-top: 10px; background: #00800047; } <div> this is neighbor </div

很酷的站长

2022/11/24

9640

Spring发送电子邮件

java 腾讯云测试服务 spring

Spring基于javax.mail封装了一套用于发送电子邮件的API，位于org.springframework.mail包下，下面将介绍下发送普通文本邮件和基于thymeleaf模版的邮件。

布禾

2020/10/29

1.8K0

Vue 中使用 JQuery 插件不起作用

jquery 编程算法 vue.js

有时候在 vue 的代码中使用 jQuery 会不起作用，这是因为 vue 还没有绑定变量，所以我们使用的 jQuery 根本就找不到目标变量，就不会执行，正确的做法是先设置一个时延，稍微等一等 vue 的加载。

wsuo

2020/10/26

2.3K0

【CSS】盒子模型内边距 ⑤ ( 内边距不影响盒子模型尺寸的情况 | 不设置宽度或高度为其设置 Padding 内边距时不撑开盒子 )

css 容器 padding 模型

如果元素没有指定高度 , 为该元素设置 Padding 内边距 , 则不会撑开盒子 ;

韩曙亮

2023/03/30

1.5K0

【CSS】盒子模型内边距 ⑤ ( 内边距不影响盒子模型尺寸的情况 | 不设置宽度或高度为其设置 Padding 内边距时不撑开盒子 )

点击加载更多

相似问题

代码可以处理数组，但不能处理多维数组。

可以将多维std：：数组作为连续数据块处理吗？

PHP能处理多维$_REQUEST数组吗？

Javascript可以动态创建多维数组吗？

Javascript:可以动态创建多维数组吗？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问背景图像为1200px宽，主体宽度为900px。
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

代码可以处理数组，但不能处理多维数组。

可以将多维std：：数组作为连续数据块处理吗？

PHP能处理多维$_REQUEST数组吗？

Javascript可以动态创建多维数组吗？

Javascript:可以动态创建多维数组吗？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问背景图像为1200px宽，主体宽度为900px。EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

代码可以处理数组，但不能处理多维数组。

可以将多维std：：数组作为连续数据块处理吗？

PHP能处理多维$_REQUEST数组吗？

Javascript可以动态创建多维数组吗？

Javascript:可以动态创建多维数组吗？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问背景图像为1200px宽，主体宽度为900px。
EN