關於外部樣式表定義背景圖的問題

<div id="pic" style="background:url('images/1.jpg');"></div>

使用內聯式定義背景圖css


#pic{background:url('images/1.jpg');}

使用的外部樣式表定義的背景圖html


使用外部樣式表引用的時候,圖片顯示不出來。而後嘗試了內部樣式表,也是能夠顯示的。url

有什麼差異呢?它們的起始位置不同,內部和內聯是從html文件的位置查找,因此使用相對路徑就能夠了。而外部是在css文件夾中,因此須要使用絕對路徑spa

更改後:code

#pic{background:url('../images/1.jpg');}

關於相對路徑和絕對路徑:http://zhidao.baidu.com/link?url=cv5nujrNX67i0akWcKkDXjdMfd-KAc0R9OLmjs4SMCu68icmlZxLoTaZyVmmWnNk6N2QoY9CH_liWWStbHSQOqhtm

相關文章
相關標籤/搜索