CSS里面背景图像使用background-position定位显示的时候怎么才能让背景平铺?

html-css012

CSS里面背景图像使用background-position定位显示的时候怎么才能让背景平铺?,第1张

如果是要平铺的图片只能做成单张的图片,集合图片(css

sprite)是不行的。

至于实现平铺效果用:

background-repeat:repeat

background-repeat:repeat-y

background-repeat:repeat-x

再看看别人怎么说的。

下面是图片不失真但不保证是否完全铺满(留有空隙或者超出屏幕)的css代码:

1、横向铺满,纵向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:100% auto}

2、纵向铺满,横向留有空隙或超出屏幕:

body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}

补充说明:background-size属于css3,只有支持css3的浏览器才有效。

电脑(Computer)是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分:软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。

人们把没有安装任何软件的计算机称为裸机。随着科技的发展,现在新出现一些新型计算机有:生物计算机、光子计算机、量子计算机等。

lxm 19872006 的方法是可行的。

如果 lxm 19872006 的方法不行,就加一句 repeat-xy,即:

<style type="text/css">

body {

background: url("http://pic.yupoo.com/mortalmethuselah/814615ed04aa/jf1wtrtq.jpg") repeat-xy

}

</style>

就一定行了。