<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