css中的图像相对路径

时间:2013-12-02 10:16:40

标签: asp.net css visual-studio-2010 css3 background-image

我正在开发一个Asp.net网站并且出人意料。我的文件夹结构如下所示:

- Styles
        - master.css
        - Images 
-webPages
-scripts

现在,当我尝试从css访问images文件夹中的图像时,我得到“无法加载资源:服务器响应状态为404(未找到)”错误。该错误仅来自css文件。我在我的asp.net页面中使用了一些图像。它在那里工作正常。我在css中访问图像的示例代码如下所示

a.close { background-image: url(/images/close-arrow.png); background-position: left center; padding: 0 0 0 25px; }

我无法理解问题所在。请帮我解决这个问题。在此先感谢

3 个答案:

答案 0 :(得分:1)

您必须提及路径background-image: url(./images/close-arrow.png);

因为这是相对路径。

答案 1 :(得分:0)

/images/close-arrow.png并不是真正的相对路径。领先/告诉脚本从您的webroot开始。只需将其删除即可从Styles文件夹中相对加载

答案 2 :(得分:0)

将此代码段放在web.config

<location path="Images">
  <system.web>
    <authorization>
      <allow users="*" />
    </authorization>
  </system.web>
</location>