c# - 无法在代码隐藏中将背景图像设置为重复线性渐变

Question

在我的代码中，我想从后面的代码向我的 div 添加一个重复线性渐变。目前，我正在尝试通过以下代码进行设置:

_div.Style.Add("background-image", "repeating-linear-gradient(90deg,rgba(0,100,200,.5),rgba(0,100,200,.5) 1px,transparent 1px,transparent 1px,rgba(0,100,200,.5) 1px)");

但代码对 div 本身没有影响。我已经能够用类似的代码更改 display:

_div.Style.Add("display", "inherit");

如有任何帮助，我们将不胜感激。

编辑

这是 div 的 HTML

<div id="_div" runat="server">
    <asp:Label ID="_Label" runat="server"></asp:Label>
</div>

这是 div 的 CSS

#output_div {
    display: none;    
    padding-top: 2%;
    padding-bottom: 2%;
    width: 50%;
    margin: 0 auto;

    /*Below line works, but would like to set it dynamically on the server side*/
    /*    background-image: repeating-linear-gradient(90deg, rgba(0,100,200,.3), rgba(0,100,200,.3) 1px, transparent 1px, transparent 1px, rgba(0,100,200,.3) 1px);*/

    background-size: 4px 4px;
}

Answer 1

试试下面的方法，

_div.Attributes.Add("style", "background-image: repeating-linear-gradient(90deg,rgba(0,100,200,.5),rgba(0,100,200,.5) 1px,transparent 1px,transparent 1px,rgba(0,100,200,.5) 1px)");

这样，style 属性将呈现到输出 HTML。

更新 您也可以尝试添加特定的 CSS 类。

.myBackgroundImg {
    background-image: repeating-linear-gradient(90deg, rgba(0,100,200,.3), rgba(0,100,200,.3) 1px, transparent 1px, transparent 1px, rgba(0,100,200,.3) 1px);
}

然后你可以在后面的代码中应用它。

 _div.Attributes.Add("class", "myBackgroundImg");