Question

我正在使用MVC 3.0，当我从Visual Studio IDE运行时，我的图像工作正常。但是当我发布到文件系统时，我的图像没有显示。下面是代码片段，在发布时不起作用，但在其他情况下工作正常。

.red_plus {float:left;padding-left:18px;color:#D82A26;background:url('/img/gll-red-plus.gif') 0 50% no-repeat;cursor:pointer;}



<span id="toggle_rates_summary" class="red_plus" onclick="SomeFunctionName('SomeParam'); return false">View Something</span>

谁能告诉我发生了什么？下面是我项目的文件夹结构。

WebProjectName -内容 -CSS -main.css -图片 -gll - 红 - plus.gif

Answer 1

您在CSS文件中设置的图片网址应该与CSS文件的位置相关。例如，如果您有以下文件夹结构：

|- Styles - main.css
|- img - gll-red-plus.gif
|- Views - ...
|- Content - ...

在main.css：

中

.red_plus {
    float:left;
    padding-left:18px; 
    color:#D82A26;
    background:url('../img/gll-red-plus.gif') 0 50% no-repeat;
    cursor:pointer;
}

使用发布部署时出现图像问题

1 个答案: