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

任何帮助都将不胜感激。

修改

以下是HTML

的div

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

以下是CSS

的div

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

Answer 2

尝试以下行 -

var obs = Rx.Observable.create(function(observer) {
   c.insertMany(docs, function(err, res) {
     if (err) { observer.error(err) } else {
       observer.next(res);
       observer.complet();
      }
    })
  })
  return obs

 // This doesn't:
 var obs = Rx.Observable.bindNodeCallback(c.insertMany, c)
 return obs(docs)

您可能必须使用ScriptManager＆amp; UpdatePanel也。

无法将背景图像设置为后面的代码中的重复线性渐变

2 个答案: