4.4 背景圖象

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


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

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


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


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


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


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


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


CSS makes Webmonkeys gleeful.


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


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

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

  • 當使用鏈接的樣式表時，IE 3根本不顯示背景圖象。

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

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



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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號