4.4 背景圖象

2018-11-06 18:29 更新
4.4 背景圖象


你可以很輕松地將GIF或JPEG圖象加到一個(gè)要素后面： 

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


    該規(guī)則將背景圖象加到整個(gè)段落之后。你可以將GIF圖象采用和背景圖象通常的設(shè)置類似的方法平鋪到文字后面。


你還可以將背景圖象只添加到兩個(gè)單詞后面。想把圖象添加到整個(gè)瀏覽器窗口嗎？那么你可以將其添加到 <BODY>標(biāo)簽。


你可以使用URL調(diào)用一幅圖象，你既可以使用相對(duì)UPL，例如 images/bg.gif或完整的URL,例如
http://www.webmonkey.com/images/bg.gif.


none參數(shù)值將取消對(duì)背景圖象的任何設(shè)置.


當(dāng)你設(shè)定一個(gè)背景圖象時(shí)，最好能指定一種背景色。這樣以來(lái),下載背景圖象的同時(shí),固定的背景色先出現(xiàn)在屏幕上。而且它將透過(guò)背景圖象上的透明色區(qū)顯示出來(lái)。例：


CSS makes Webmonkeys gleeful.


你可以看到背景色紫色在GIF圖象的透明色區(qū)也顯示出來(lái)。


我們最常用的瀏覽器中可能會(huì)出現(xiàn)以下各種景圖象問(wèn)題：

  • 在本篇所討論的各種背景屬性中，IE 3只支持快捷背景屬性，詳見第6頁(yè)。

  • 當(dāng)使用鏈接的樣式表時(shí)，IE 3根本不顯示背景圖象。

  • 當(dāng)你僅對(duì)段落的某一部分添加背景圖象，Communicator (在兩種操作平臺(tái)上) 和IE 4 (Mac操作平臺(tái)上) 有時(shí)候可能會(huì)出問(wèn)題，也許它根本不顯示圖象，也許會(huì)在添加了背景圖象的文字中加入行回車。

  • 如果你同時(shí)設(shè)定了背景圖象和背景色，有時(shí)候 Communicator將背景色的顯示排在優(yōu)先的地位。



以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)