codecamp

4.4 背景图象

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将背景色的显示排在优先的地位。



4.3 背景颜色
4.5 控制背景图象
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }