Image Url在实时服务器上时出现问题

Question

我在应用程序上应用图像时遇到根目录名称问题

这是css：

label.css-label-checkbox {
    background-image: url('/Images/checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

虽然这在我的页面上使用：

    <div class="checkbox">
          <input type="checkbox" name="checkboxApprove" id="cbxCallBackFrequency" style="width: 80px;" class="css-checkbox-Approve" />
          <label for="cbxCallBackFrequency" class="css-label-checkbox">CallBack Frequency</label>
   </div>

当应用程序在本地运行时工作正常（获取图像）

但当我在现场主持

http://192.168.1.29/CSPV3/Account/index

浏览器控制台上的

我想http://192.168.1.29/Images/checkbox.png file not found

我尝试了所有不同的方式，如

/Images/checkbox.png
~/Images/checkbox.png
/../Images/checkbox.png
 Images/checkbox.png

但对于临时/紧急情况，我把它写成/CSPV3/Images/checkbox.png我知道这是用这种方式写的最糟糕的事情，

请帮助我通过网址解决这个问题

Answer 1

如果Images目录位于CSS文件所在位置的一级，请使用：

../Images/image-name-here.extension

请注意，不的路径以正斜杠开头。

顺便说一句，如果图像很小并且您不需要支持旧版本的IE，请考虑安装Web Essentials扩展名并使用它对Base64进行编码。然后，文件路径变得没有实际意义。