fixed计算机术语,background（计算机专业术语）

详解实例

编辑

-：{颜色值|(默认值)}属性设置元素的背景颜色。

颜色值可以是颜色名称、rgb值或者十六进制数。

默认。背景颜色为透明。

例：

body

{

-#

}

1.background-image：{URL(url)}把图像设置为背景。

url(URL)指向图像的路径。

none默认。无背景图像。

例：

body

{

background-image:url(pic.jpg);

}

2.background-repeat:{repeat|no-repeat|repeat-X|repeat-Y}设置背景图像是否及如何重复。

repeat默认。背景图像将在垂直方向和水平方向重复。

repeat-x背景图像将在水平方向重复。

repeat-y背景图像将在垂直方向重复。

no-repeat背景图像将仅显示一次。

例：

body

{

background-image:url(pic.jpg);

background-repeat:no-repeat;

}

3.background-attachment:{fixed|scroll}背景图像是否固定或者随着页面的其余部分滚动

scroll默认。背景图像会随着页面其余部分的滚动而移动。

fixed当页面的其余部分滚动时，背景图像不会移动。

例：

body

{

background-attachment:fixed;

background-image:url(pic.jpg);

}

4.background-position:{位置值}属性设置背景图像的起始位置。

topleft

topcenter

topright

centerleft

centercenter

centerright

bottomleft

bottomcenter

bottomright

x%y%

xposypos

使用百分数定位时，其实是将背景图片的百分比指定的位置和元素的百分比位置对齐。也就是说，百分数定位是改变了背景图和元素的对齐基点。不再像使用像素和关键词定位时，使用背景图和元素的左上角为对齐基点。例如上例的background-position:100%50%;就是将背景图片的100%(right)50%(center)这个点，和元素的100%(right)50%(center)这个点对齐。

使用数值需要注意的是，当只有一个数值时，这个值将用于横坐标，纵坐标将默认是50%。

例：

body

{

background-image:url(pic.jpg);

background-position:top;

}

用javascript改变背景图片

例：

html

head

metahttp-equiv=Content-Typecontent=text/html;charset=gb2312

title新建网页1/title

scriptlanguage=javascript

functionhi()

{

document.body.style.background=no-repeaturl(../images/asp_logo1.gif)50%50%

}

/script

/head

body

inputtype=buttonvalue=显示onclick=javascript:hi()

/body

/html