C# 如何使用查询字符串更改(切换)div的css类?

C# 如何使用查询字符串更改(切换)div的css类?,c#,css,asp.net,C#,Css,Asp.net,我有一个带有背景图像的div,其中嵌套了一个图像。我使用一个CSS类来设置该div的背景和定位属性。我想让用户通过查询字符串来控制他们看到的背景。隐藏的代码基本上会更改(切换)该div的类,以便背景图像会根据在地址框中键入的字符串进行更改 下面是带有div和Css的HTML .background1 { background-image: url(../Background1.png); background-size: 100% 100%;

我有一个带有背景图像的div,其中嵌套了一个图像。我使用一个CSS类来设置该div的背景和定位属性。我想让用户通过查询字符串来控制他们看到的背景。隐藏的代码基本上会更改(切换)该div的类,以便背景图像会根据在地址框中键入的字符串进行更改

下面是带有div和Css的HTML

.background1 {
            background-image: url(../Background1.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center center;
            height: 100vh;
            width: 100%;
            max-height: 100vh;
            max-width: 100vw;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
.background2 {
            background-image: url(../Background2.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center center;
            height: 100vh;
            width: 100%;
            max-height: 100vh;
            max-width: 100vw;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
.background3 {
            background-image: url(../Background3.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            background-position: center center;
            height: 100vh;
            width: 100%;
            max-height: 100vh;
            max-width: 100vw;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }


<div id="div" class="background1" runat="server"></div>

因此,最后我希望用户在url后键入“?Background3”之类的内容,在类之间切换,以更改类(查看不同的背景),但我有点卡住了,因为我真的不知道我想做什么(通过查询字符串在背景类之间切换)是可能的。任何帮助都会很好。谢谢。

您有什么特别的原因希望在服务器端而不是在客户端执行此操作吗?我不明白为什么服务器需要参与进来。我相信梅森是在建议这样的事情。有几个原因,但基本上我现在更喜欢通过服务器来做,因为我现在的页面是如何设置的(我很含糊,但这是目前我能透露的最多)。不过,如果您有任何客户端建议,我并不反对。在服务器端,简单的
div.Attributes[“class”]=Request[“bg”]?bg=Background1
,code>就能让你走了。你不能只有
?背景1
,因为这是一个无效的查询。谢谢各位,我找到了一种方法。我感谢你的反馈。
if (Request["nobg"] != null)
{
    div.Style.Add("display", "none");
}