Question

asp.net网站css中background-Image:url路径的问题

第一中，如下所示的目录结构，background-Image：url的路径怎么写

第二种，这种情况下怎么写

就是第二种目录，让我头痛，怎么写背景图总是显示不了，求解！





Answer 1

同级文件夹的话，直接写名字就好了，就是你的第一种情况url就是img.jpg，
如果不同级，也分两种，一种是图片文件夹与页面同级，那就写文件夹/图片名，img/img.jpg
一种是页面属于一个文件夹，图片属于一个文件夹，这种情况是首先页面要退到和图片文件夹同一阶层，退回的表示是..,也就是../img/img.jpg,退回多少层，就用多少个..,例如要退回两次才能和img文件夹同一阶层，就是../../img/img.jpg

Answer 2

第一种：index.Master 引用的CSS 写法：
<link href="../Css/index.css" rel="stylesheet" type="text/css" />

第二种：index.Master 引用的CSS 写法：
<link href="../Css/index.css" rel="stylesheet" type="text/css" />

css里关于图片的样式地址写法是一样的

Answer 3

第一种：
background-image:url("44444.gif");
第二种：
background-image:url("../systemimage/44444.gif");

Answer 4

这两个情况css文件中的图片路径写法应该是相同的，只是母版页调用css文件的路径不同而已。
在母版页中调用css，css中有一个background-Image？
在母版页调用css成功的情况下，css中的这个路径可以写成background-Image:url(../systemimage/图片)

Answer 5

第一种直接写图片名就行
如：44444.gif
第二种
../systemimage/44444.gif

建议你先去学一下“相对路径”