4.4 背景图象

2018-11-06 18:29 更新
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将背景色的显示排在优先的地位。



以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号