html css 如何一张图片铺满整个背景,不留空白的。并且图片是固定的

【1】

怎样一张图片铺满整个背景,不留空白的。并且图片是固定的。不带滚动条的。。。

【2】

是不是一定要图片与整个背景一样大才能铺满,不留白?那图片大小尺寸要多少呢??

(1)body{background:url(背景图) repeat;} 说明:repeat表示背景图的平铺方式!其实一般你将一张图片作为背景时,会默认为平铺,所以不需要刻意去设置,相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示!
(2)如果图片过小,那么图片平铺就会出现重复的地方,其实和把一张图片设置为桌面墙纸类似! 我试过了,想要想铺满但是不重复的话选择一张1024X768的图片,当然这只是针对显示器为1024X768的! 具体选择就看你显示器的分辨率了!
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-11-09
<style>
body{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif) fixed}
</style>
图片与背景一样大的想法是不可行的,因为背景多大,取决于显示器分辨率,浏览器窗口大小。
另外,作为背景图的图片,是不能缩放大小的。

html css 如何一张图片铺满整个背景,不留空白的。并且图片是固定的
(1)body{background:url(背景图) repeat;} 说明:repeat表示背景图的平铺方式!其实一般你将一张图片作为背景时,会默认为平铺,所以不需要刻意去设置,相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示!(2)如果图片过小,那么图片平铺就会出现重复的地方,其实和...

网页设计中怎么让一张图片填充满整个画面 求代码
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body style="filter:progid:dximagetransform.microsoft.alphaimage...

css怎么让一张图片适应任何屏幕大小的电脑平铺?
下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:1、横向铺满,纵向留有空隙或超出屏幕:body {background:url(图片路径) no-repeat center; background-size:100% auto;}2、纵向铺满,横向留有空隙或超出屏幕:body {background:url(图片路径) no-repeat center; background...

html和css如何做到让一张图片铺满屏幕呢?
设置以重复的方式填满页面(以及是否平铺、何种方式平铺):background-repeat: no-repeat;(默认repeat以重复显示图片的方式铺满页面、no-repeat不平铺)仅一张图片不重复,以拉伸的方式填满页面):background-size: cover;

怎样用css 使背景图片覆盖整个页面
覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素;在css3出来之后,有一个属性background-size;这个属性可以给背景图片设置大小,当值为100% 100%的时候也就是说把图片宽高都设置成百分百,然后元素有多大,图片就会伸展多大,也就是说的整个页面 ...

html中,怎么让背景图片充满整个页面
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。二、在标签里添加文件路径,语法如下:这时,页面虽然充满了背景,但可以看出背景图片被填充zhidao了多次。三、在里添加样式,代码如下:style="background-repeat:no-repeat;background-size:100%100%;?background-attachment:fixed;"?你看,背景...

css如何让背景图全屏显示css如何让背景图全屏显示出来
您好!css设置背景图片全屏,如果只是将其当做一张图片显示,可以通过css控制。超大图片,引入进来即可根据大小缩放。如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。具体解决方法如下:1、创建以下目录结构的...

html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?
1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。4、将background-size,可以设置其值为100%。5、需要注意的是这是...

html,css在添加背景图覆盖时,如何让图片覆盖浏览器还不失
在HTML中添加背景图覆盖整个浏览器窗口,确保不失真,CSS的background-size属性是关键。使用background-size: cover;能确保背景图全屏覆盖,同时保留其比例不变。实现方法如下:HTML文件示例(index.html):嵌入CSS样式(styles.css):在CSS代码中,background-image属性指定背景图片,background-size: cover...

CSS中如何设拉伸背景图片铺满屏幕
如果你想要图片仅在水平方向上铺满,而不重复,可以使用`repeat-x`,或者在CSS3中,更推荐使用`repeat-scroll`,它能创建一个无缝的滚动背景效果。然而,题目中提到的`rep福矛eat`似乎是个误写,应该是`repeat`。如果想要图片铺满屏幕,而不是重复,应该添加`background-size`属性,并将其设置为`100%...

相似回答