無法在后面的代碼中將背景圖像設置為重復線性漸變

Question

在我的代碼中，我想從后面的代碼中向div添加一個repeating-linear-gradient。 目前，我正在嘗試通過以下代碼進行設置：

_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)");

這樣，樣式屬性將呈現為輸出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");

Answer 2

嘗試以下行-

_div.Style.Add("background", "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)")

您可能還必須使用ScriptManager和UpdatePanel。