阅读(4855)
赞(0)
4.4 背景图象
2015-11-06 18:29:12 更新
你可以很轻松地将GIF或JPEG图象加到一个要素后面:
B { background-image: url(background.gif) }
该规则将背景图象加到整个段落之后。你可以将GIF图象采用和背景图象通常的设置类似的方法平铺到文字后面。
你还可以将背景图象只添加到两个单词后面。想把图象添加到整个浏览器窗口吗?那么你可以将其添加到 <BODY>标签。
你可以使用URL调用一幅图象,你既可以使用相对UPL,例如
images/bg.gif或完整的URL,例如
https://img.yuanmabao.com/zijie/pic/sc5rjtcsscdysb/bg.gif.
none参数值将取消对背景图象的任何设置.
当你设定一个背景图象时,最好能指定一种背景色。这样以来,下载背景图象的同时,固定的背景色先出现在屏幕上。而且它将透过背景图象上的透明色区显示出来。例:
CSS makes Webmonkeys gleeful.
你可以看到背景色紫色在GIF图象的透明色区也显示出来。
我们最常用的浏览器中可能会出现以下各种景图象问题:
在本篇所讨论的各种背景属性中,IE 3只支持快捷背景属性,详见第6页。
当使用链接的样式表时,IE 3根本不显示背景图象。
当你仅对段落的某一部分添加背景图象,Communicator (在两种操作平台上) 和IE 4 (Mac操作平台上) 有时候可能会出问题,也许它根本不显示图象,也许会在添加了背景图象的文字中加入行回车。
如果你同时设定了背景图象和背景色,有时候 Communicator将背景色的显示排在优先的地位。
← 4.3 背景颜色