如何在用户控件的 CSS 中更改图像答案

【问题标题】：How to change Image inside of CSS of a usercontrol如何在用户控件的 CSS 中更改图像
【发布时间】：2010-10-12 19:08:40
【问题描述】：

我的母版页上有一个标签控件..如果它的值为“Value1”，我希望this CSS Sprite 显示在我的网络表单上..如果值为“Value2”..CSS 精灵应该使用一些不同的图像..只是图像需要更改..该 Sprite 中没有其他内容..

我发现我可以使用“FindControl”方法来找出母版页的标签控件当前得到的值..

现在如何更改横幅上的图像？我该怎么做？此外，CSS Sprite 现在是一个名为“myBanner.ascx”的用户控件（以前是一个 aspx 文件）。现在我需要制作 2 个不同的用户控件还是我可以在一个用户控件本身中实现一些逻辑？

我是否应该制作这个“myBanner.ascx”的 2 个副本，只在其 CSS 中更改“图像名称”？

希望它不会令人困惑..实际上我迷路了：/

我想要的是一个使用 CSS Sprite 制作的横幅 ..现在，如果母版页中的“标签控件”值为“Value1”，那么在该横幅上使用的图像为“IMAGE1”，否则为“ Label Control 的”值是“Value2”，那么“IMAGE2”应该用在那个 sprite 中..

我该怎么做？只需要想法..thnx

【问题讨论】：

【解决方案1】：

嗯，也许我没有正确理解这一点，但你为什么不让用户控件找到主人的标签（findcontrol）；检查值；然后显示正确的图像。

显示图像的方式你可以有一个局部变量（在用户控件中），然后像<%=ImagePath%> 一样将其放入其中并在页面加载中进行检查

或者你可以有一个检查标签的方法，比如：

<div id="banner" style="background-image:url(<%=GetImagePath()%>);"></div>

后端

protected string GetImagePath() {
 string s = ((Label)this.Page.Master.FindControl("label1")).Text;
 //if ... etc
}

我希望这是您正在寻找的，否则请告诉我，以便我修改答案

祝你好运！

【讨论】：