css背景怎么全屏，css背景图全屏显示

请教背景如何满屏_html/css_WEB-ITnose

1、最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8： 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

2、实际应用是想做个网页模板，div2放内容，高度不确定，当内容较少时希望div1能充满整个页面；内容多时div1被撑开。 所以希望同时兼顾两种效果。

3、有两个思路，一个是通过css中的宽度和高度百分比，来弄，但是设置了width：100%和height：100%以后，并没有什么效果。

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

相关问答

Q1: 如何让网页背景图片全屏显示?

1、html背景图片怎么全屏首先设置html和body的高度为100%推荐学习css背景怎么全屏：html教程htmlcss背景怎么全屏，body{ width：100%； height：100%}然后给body添加背景图片，并设置background-size为100%即可。

2、如果前两种，你都觉得不好，一定要让一张图片来自适应，那就把背景图片做成flash吧，因为它可以全屏自适应，然后把这个图片当成“背景”，再定位写其它网页元素。

3、你好，使图片全屏显示可以有两种方式，各有区别。

[img]

Q2: 如何使用css实现响应式全屏布局

其实，该方案对所有的块级容器都可以生效。如果你的块级容器的宽高是动态的，那么背景图将自动伸缩，充满整个容器。

如何通过CSS3 实现响应式Web设计： 分为三个步骤：（1）允许网页宽度自动调整。

如何用CSS做响应式布局呢？在HTML头部添加以下代码，用来显示兼容移动设备的显示效果。

当然你可以再多设置几个尺寸的监测层叠样式表，这样子就可以根据不同尺寸设备来进行响应式的布局。

Q3: css如何设置全屏背景图片

1、创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。具体的样式入下图所示：我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。

2、最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8： 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

3、很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。利用一个DIV层，在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的。

4、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

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

Q4: js和css如何设置背景全屏图片不受垂直滚动条影响?

打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图 设置背景图片样式。

第一个是图片左上角相对前景左边框的位置，第二个是图片左上角相对前景上边框的位置。

也可以通过坐标准确的定位图片的位置(x，y) x水平方方向的位置 y垂直方向的位置，单位是像素(px)设置背景图像是否会随视窗滚动而滚动：background-attachmentscroll 设置背景图像会随视窗滚动条的移动而移动(默认)。

body{background：url(bglogo.gif)}；默认自动上下左右平铺的。

要用css做背景插入，想100%正好满屏显示是不可能的。首先别人屏幕分辨率你确定不了，css背景图现在没有这种你想象的自适应功能。

关于css背景怎么全屏和css背景图全屏显示的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。