CSS中的图片网址

Question

我只是试图改变我的网站一点点,但我碰到了一个从未发生过我的问题.我希望能够离线测试该网站,所以这个问题真的很烦人.

为什么我尝试这样做:

#logo{
    width:145px;
    height:41px;
    background:url('http://biscuithead.ie/images/logo.png') center no-repeat;                           
    display:block;
    float:left;
    cursor:pointer;
}

它工作,但如果我将背景线更改为:

background:url('/images/logo.png') center no-repeat;

要么

background:url('images/logo.png') center no-repeat;

要么

background:url(images/logo.png) center no-repeat;

要么

background:url(/images/logo.png) center no-repeat;

它有效吗？

当图像实际上在服务器上时,图像似乎只通过css显示

我正在使用DreamWeaver CS5.

任何人都可以帮我们解决这个奇怪的问题吗？

Answer 1

确保计算机中的图像文件存在于正确的位置.

没有前导斜杠:images/logo.png是相对于css文件的路径.如果css文件是/sites/example.com/css/styles.css,则图像文件必须位于/sites/example.com/css/images/logo.png("css"文件夹内)

使用前导斜杠:/images/logo.png相对于站点的根文件夹.如果css文件位于/sites/example.com/css/styles.css,则图像文件必须位于/sites/example.com/images/logo.png(在网站根文件夹内)