我的css中的图像路径有问题。我的目录结构如下,文件夹以粗体显示。
mp.master在menu.css中有一个引用,我的两个testpages都使用mp作为主页面。 testpage2.aspx(在根文件夹中)看起来正确,testpage1.aspx(在子文件夹内)无法找到menu.css中指定的图像(即navBG.png)。如果我将testpage1.aspx移动到root它可以正常工作。
menu.css中的其他样式应用于testpage1.aspx,而不是图像。
WebSiteFolder
在menu.css中,我有以下内容:
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(../img/navBG.png) repeat-x 0 0; }
我在这做什么?我试图用〜/,。/,.. /来说明绝对路径,但似乎没有任何效果。
答案 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正是您要找的。 p>
答案 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”)%>'>