asp.net - 从代码隐藏更改 CSS3 线性渐变的一部分

Question

有没有办法从代码隐藏中更改 CSS3 线性渐变的一部分？例如：

在 Site.css 中：

.MyClass{ background-image: linear-gradient(0deg, #FFFFFF, #000000); }

在标记中：

<div class="MyClass">Stuff</div>

我想改变（从代码隐藏）#000000唯一。并且只针对那个 div。

Answer 1

您可以使用：

<style>
    .MyClass{ background-image: linear-gradient(0deg, #FFFFFF, <%=myVariable%>); }
</style>

在您的母版页中，在 HEAD 中。

您应该在此之前保留样式表（内联样式表）。这允许浏览器继续缓存您的主 CSS 文件。

Answer 2

由于您的样式在样式表中，您应该创建一个新类，然后您可以从后面的代码中设置该 div 的类。

页：

<div id="_myClass" runat="server">Stuff</div>

代码

_myClass.Attributes["class"] = "MyNewClass";

或者，如果你不想创建一个新类，你可以从后面的代码中覆盖它，但是如果你让渐变跨浏览器兼容，这会很麻烦，而且如果你再次更改颜色，更新会很痛苦...所以不推荐：

 _myClass.Attributes["style"] = "background-image: linear-gradient(0deg, #FFFFFF, #CCCCCC);";