css中背景图片等比例撑满，css背景图片宽度100%

css3怎么让背景宽为100%时,高度跟这个背景图等比例拉伸呢_html/css...

使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body {background： url(image12jpg) no-repeat； background-size： cover；}。

css 大侠们，请教一个问题：假设用户显示器的宽度是1000px，然后用background-image设置一张宽度为800px的背景图片，然后把图片的排列方式设置为no-repeat。问题就出来了。

首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

怎么用css把背景图片拉伸 不是平铺 纯css实现的话可以使用css的background-size属性。语法如下示例：p{background-size：100% 100%} 共有两个值，第一个值是宽度，第二个值是高度。

相关问答

Q1: 怎样才能把CSS里的背景图片显示全屏呢?

1、在设置背景图片的后面的CSS里设置上 repeat。例如：background：url(图片的准确地址) repeat。

2、css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

3、一张很大的图，宽达到1920左右，常见的显示器它都能覆盖，你再换大点的显示器分辨率会发现周围露出来了，并不是真的全屏。

4、如果你是给body设置的背景的话，可以在加一个属性 background-size：100%；这样就全屏了。

Q2: CSS中如何设拉伸背景图片铺满屏幕

1、比如#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。

2、创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

3、拉伸是可以做的，需要用到另外一个属性：css中设置背景图拉伸填充，在css1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示，可以使用repeat，repeat-x，repeat-y，no-repeat这些属性来控制背景图片的显示。

Q3: css怎么让背景图全部铺满

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat；background-size： 100%}。

创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

如果你是给body设置的背景的话，可以在加一个属性 background-size：100%；这样就全屏了。

Q4: 在css里如何让背景图片在不同的屏幕上都完全显示出来,怎么设置百分比_百...

（缺点：手机用户还是不支持）总之，各有利弊，要根据实际的需求，选择使用哪种解决方案！html中，怎么让背景图片充满整个页面？在设置背景图片的后面的CSS里设置上 repeat。例如：background：url(图片的准确地址) repeat。

很容易，只要用CSS控制就可以了。在有插入背景图片的标签中加入一段代码就OK。

在body加入 ，但是图片是平铺。因为background属性不能拉伸图片，只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用，其中z-index：-1为了让该div在最下层，也就是背景。

CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。

背景无法撑开窗口的。你需要给他个宽度与高度。记给个浮动或都display：block。光在撑不开。让文字消失方法很多JS可以。CSS也可以。JS直接把innerHTML就是了。CSS方法也多。通过行高与PADDING与高度的结合可以。

css中背景图片等比例撑满的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css背景图片宽度100%、css中背景图片等比例撑满的信息别忘了在本站进行查找喔。