5日精通样式表－4-4背景图象

来源：岁月联盟编辑：zhu 时间：2007-06-22

5日精通样式表－4-4背景图象内容简介：

你可以很轻松地将GIF或JPEG图象加到一个要素后面：

B { background-image: url(background.gif) }

该规则将背景图象加到整个段落之后。你可以将GIF图象采用和背景图象通常的设置类似的方法平铺到文字后面。

你还可以将背景图象只添加到两个单词后面。想把图象添加到整个浏览器窗口吗？那么你可以将其添加到 <BODY>标签。

你可以使用URL调用一幅图象，你既可以使用相对UPL，例如 images/bg.gif或完整的URL, 例如 http://www.webmonkey.com/images/bg.gif.

none参数值将取消对背景图象的任何设置.

当你设定一个背景图象时，最好能指定一种背景色。这样以来,下载背景图象的同时,固定的背景色先出现在屏幕上。而且它将透过背景图象上的透明色区显示出来。例：

CSS makes Webmonkeys gleeful.

你可以看到背景色紫色在GIF图象的透明色区也显示出来。

我们最常用的浏览器中可能会出现以下各种背景图象问题：

在本篇所讨论的各种背景属性中，IE 3 只支持快捷背景属性，详见第6页。
当使用链接的样式表时，IE 3根本不显示背景图象。
当你仅对段落的某一部分添加背景图象时，Communicator (在两种操作平台上) 和IE 4 (Mac操作平台上) 有时候可能会出问题，也许它根本不显示图象，也许会在添加了背景图象的文字中加入行回车。
如果你同时设定了背景图象和背景色，有时候 Communicator将背景色的显示排在优先的地位。