如何设置背景图片？

在网页中设置背景图片，默认的是平铺的方式，还有两种是居中和拉伸，
问：用代码如何设置？

18 个解决方案

#1

Syntax

HTML { background-position: sPosition }
Scripting object.style.backgroundPosition [ = sPosition ]

Possible Values

sPosition String that specifies one or two of the following values:
length
Floating-point number, followed by an absolute units designator (cm, mm, in, pt, pc, or px) or a relative units designator (em or ex). For more information about the supported length units, see CSS Length Units.
percentage
Integer, followed by a %. The value is a percentage of the width or height of the object.
vAlignment
Vertical alignment value consisting of one of the following:
top Vertical alignment is at the top.
center Vertical alignment is centered.
bottom Vertical alignment is at the bottom.

hAlignment
Horizontal alignment value consisting of one of the following:
left Horizontal alignment is to the left.
center Horizontal alignment is centered.
right Horizontal alignment is to the right.

#2

和我联系
qq 2645544

#3

.left_bg {
background-image: url(../images/left_bg.gif);
background-repeat:repeat-y;纵向平铺
background-position: left top;居左上
}

#4

background-repeat:no-repeat;不平铺
background-repeat:repeat-x;背景图像仅在横向上平铺
background-repeat:repeat-y;背景图像仅在纵向上平铺

#5

谢谢各位高手，
还有吗？

#6

还有图片是否拉伸，怎么办呀

#7

哪位高手给点面子呀
小弟急呀

#8

没有相关参数设置,
你只能用层进行模拟啦.
<img id=bgpic width="100%" height="100%" src="bg.gif"
Style="position:absolute;z-index:-100; left: 0px; top: 0px">

#9

请明示

#10

background-attachment : scroll | fixed

参数：

scroll : 　背景图像是随对象内容滚动
fixed : 　背景图像固定

说明：

设置或检索背景图像是随对象内容滚动还是固定的。
对应的脚本特性为backgroundAttachment。请参阅我编写的其他书目。

示例：

html { background-image: url("anasazi.tif"); background-attachment: fixed; }

#11

background-color : transparent | color

参数：

transparent : 　背景色透明
color : 　指定颜色。请参阅颜色单位和附录：颜色表

说明：

设置或检索对象的背景颜色。
对应的脚本特性为backgroundColor。请参阅我编写的其他书目。

示例：

p { background-color: silver }
div { background-color: rgb(223,71,177) }
body { background-color: #98AB6F }
pre { background-color: transparent; }

#12

background-position : length || length
background-position : position || position

参数：

length : 　百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : 　top | center | bottom | left | center | right

说明：

设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为：(0% 0%)。
如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPosition。

示例：

div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
a { background: url("images/aardvark.gif"); background-position: 3.25in; }
body { background: url("images/aardvark.gif"); background-position: top right; }

#13

layer-background-image : none | url (url)

参数：

none : 　无背景图
url : 　使用绝对或相对地址指定背景图像

说明：

设置或检索对象整个区域的背景图像。

示例：

code { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-image: url("comet.jpg"); layer-background-image: url("bb_comet.jpg"); }

#14

to:possible_Y(一切皆可能)

今天知道了，什么是高手

你太厉害了
以后多想你请教，可以吗

#15

<body backgroud=“*.*”>就可以了

#16

还是没有解决

拉伸的问题呀

#17

现在还有个拉伸的问题呀

大哥门

#18

你楼上的 wanghr100(灰豆宝宝.net) 已经为你解决了拉伸的问题！

#1

#2