欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Css&Div > 4.4 背景图象

4.4 背景图象

2018-05-05 573 收藏 0 赞一个 0 真差劲 0 去评论

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

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

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

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

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

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

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

QQ截图20180505165520.png

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

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

在本篇所讨论的各种背景属性中,IE 3只支持快捷背景属性。

当使用链接的样式表时,IE 3根本不显示背景图象。

当你仅对段落的某一部分添加背景图象,Communicator (在两种操作平台上) 和IE 4 (Mac操作平台上) 有时候可能会出问题,也许它根本不显示图象,也许会在添加了背景图象的文字中加入行回车。

如果你同时设定了背景图象和背景色,有时候 Communicator将背景色的显示排在优先的地位。

返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论