如何将变量放入CSS中

本文关键字：CSS 变量 | 更新日期: 2023-09-27 18:06:17

下面是示例代码

Asp.net 4.5.1 - aspx page

srSelectedLang是变量

后面的代码
 public string srSelectedLang;//defined at code behind cs file of aspx

以下代码是aspx代码

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .setPokemonTeamCSS {
            width: 333px;
            height: 38px;
            display: block;
            background: url(//static.monstermmorpg.com/images/pokemoncenter/set_pokemon_team_<%=srSelectedLang%>.png?3) no-repeat top left;
            border-style: none;
            border-width: 0px;
            cursor: pointer;
        }
          </style>      
</asp:Content>

这个例子不工作<%=srSelectedLang%>

如何将变量放入CSS中

你不能在样式部分的变量后面添加代码…

有几件事你可以做:

  1. 使用JS/jQuery操作:

    var codeBehindUrl = '<%= string.format("whatever{0}.png"，srSelectedLang)%>'

    //关于doc ready方法:$ (" .setPokemonTeamCSS ") . css("背景",codeBehindUrl);

  2. 创建runat=server元素，并从后面的代码修改CSS:

    //页面:

    & lt;div id="myDiv" runat="server" class="setPokemonTeamCSS">

    //代码开始文件:

    myDiv.Style.Add("背景",string.format("无论{0}. png",srSelectedLang));

相关文章：