PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

五日精通CSS层叠样式表之第四日(4)

五日精通CSS层叠样式表之第四日(4)

来源:互联网  作者:未知  发布时间:2007-12-17
背景图象 你可以很轻松地将GIF或JPEG图象加到一个要素后面: B { background-image: url(background.gif) }该规则将背景图象加到整个段落之后。你可以将GIF图象采用和背景图象通常的设置类似的方法平铺到文字后面。 你还可以将背景图象只添加到两个单词后面。想把图象

背景图象

你可以很轻松地将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将背景色的显示排在优先的地位。
Tags: 精通   IE   css   样式表   C     样式  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号