关于外部样式表定义背景图的问题

<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

相关文章
相关标签/搜索