如何在使用母版页时解析css样式表中的图像路径

时间:2012-01-12 16:19:52

标签: asp.net html css

我的css中的图像路径有问题。我的目录结构如下,文件夹以粗体显示。

mp.master在menu.css中有一个引用,我的两个testpages都使用mp作为主页面。 testpage2.aspx(在根文件夹中)看起来正确,testpage1.aspx(在子文件夹内)无法找到menu.css中指定的图像(即navBG.png)。如果我将testpage1.aspx移动到root它可以正常工作。

menu.css中的其他样式应用于testpage1.aspx,而不是图像。

WebSiteFolder

        
  • 的CSS
  •         
                  
    • menu.css
    •         
  • IMG
  •         
                  
    • navBG.png
    •         
        
  • 子目录
  •         
                  
    • testpage1.aspx
    •         
        
  • mp.master
  •     
  • testpage2.aspx

在menu.css中,我有以下内容:

 .no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../img/navBG.png) repeat-x 0 0; }

我在这做什么?我试图用〜/,。/,.. /来说明绝对路径,但似乎没有任何效果。

5 个答案:

答案 0 :(得分:0)

您应该尝试/img/navBG.png。基本上这意味着你在css中使用绝对路径。警告:css中的绝对路径表示图像uri采用以下模式[host name] + [url you have specified in css],因此如果您的站点位于虚拟文件夹中,则uri将无法正确解析。

答案 1 :(得分:0)

你试过/img/navBG.png吗?

答案 2 :(得分:0)

您将要使用绝对路径而不是相对路径。 /img/navBG.png正是您要找的。

答案 3 :(得分:0)

将CSS文件从解决方案资源管理器拖到代码视图中的母版页的head部分:)

您的CSS规则和路径是正确的。

答案 4 :(得分:0)

我在这里找到了答案How to get JqueryUI to work with ASP.Net Master Pages and multiple paths?。我正在建立一个网站来尝试一些css3 / jquery的东西,我的问题不在于引用我的css,而是在引用jquery库。

this.Page.ResolveURL是你的朋友:     < script type =“text / javascript”src ='<%= this.Page.ResolveUrl(“〜/ resources / js / jQuery.js”)%>'>