asp.net - 来自用户控件的图像不会显示在网络表单上

Question

我在我的 ascx 文件中添加了这段代码 http://jsfiddle.net/xkRcN/8/ ..当它是aspx文件时..图像(位置现在是我元素中的“图像”文件夹..之前是flickr)会显示正常..但是当我将此页面制作成用户控件并将其添加到我的网络表单中时，图像消失了..我已经尝试多次更改路径但它不起作用..用户控件位于“usercontrols”命名文件夹内..image位于我页面中的“images”命名文件夹内，而我的aspx页面位于根级别只有..所以我改变了用户控件的CSS中的图像路径如下:-

background-image: url(../images/myImage.jpg);

甚至尝试过

background-image: url(../../images/myImage.jpg);

还有这个

background-image: url(~/images/myImage.jpg);

但是雪碧图就是不显示

用户控件中的其他所有内容都显示良好..只是那个图像丢失了..怎么了？

Answer 1

正如@Michael 建议的那样，首先测试呈现的 html(在浏览器中查看源代码)是否更改了您尝试设置样式的任何 ID。当您使用用户控件和母版页时，asp.net 控件将更改其 ID

还要检查(在您的浏览器中)他的图像是否存在，方法是放置该图像的完整路径。所以如果你知道图像在 http://example.com/images/myImage.jpg 中和您的页面(如果您使用用户控件则无关紧要)http://example.com/pages/page1.aspx那么你知道你应该这样做:

background-image: url(../images/myImage.jpg);

如果没有任何效果，那么就这样做:

background-image: url(http://example.com/images/myImage.jpg);

祝你好运!

编辑

由于您发现 id 更改是导致问题的原因，唯一的解决方案是使用类来设置 html 标记的样式:

html

//some people don't know this but you can also put the style directly into the
//asp.net control event if visual studio doesn't support it in the intellisense
<asp:Label id="label1" CssClass="test" style="color:blue;" runat="server" />

CSS

.test { color:red; }

如果您仍然想使用 id 来设置代码样式，那么您可以将生成的长 id 放入您的 css 代码中，或者升级到 asp.net 4，它可以控制您的 asp.net id，例如:

<asp:Label id="label1" ClientIDMode="Static" runat="server" />

有第 3 方解决方案可以让您控制 asp.net 3.5 及以下版本的 ID，但它们不是开箱即用的，需要一些调整。