<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