无法让线性渐变在特定 SquareSpace 模板上工作答案

【问题标题】：Can't get linear-gradient to work on particular SquareSpace template无法让线性渐变在特定 SquareSpace 模板上工作
【发布时间】：2015-06-08 23:34:33
【问题描述】：

我正在尝试调整 id 为 header 的 header 的 background-color 属性。

<header id="header" class="sqs-announcement-bar-dropzone">

颜色可以毫无问题地接受纯色值，但是当我尝试运行任何线性渐变函数时，我收到一条错误消息“属性值无效”。

这是一个示例线性梯度函数：

linear-gradient(blue, black)

我在另一个 SquareSpace 网站上对此进行了测试，它接受线性梯度函数没有问题。

这是相关网站的 URL：https://anthony-mayfield-tdr0.squarespace.com/#new-page

谁能看出问题所在？

【问题讨论】：

所讨论的网站实际上没有任何带有标头 id 的内容。
确实如此。标题包含整个导航栏。它包含在 div 类 .site-wrapper 中。
哦，你想让我先点击“访问者访问”按钮。那不是很清楚。你应该提到这一点。此外，样式表很大；你能在你的消息或jsfiddle或其他什么东西中粘贴有问题的部分吗？

标签： css linear-gradients squarespace

【解决方案1】：

从设计面板 > 到 > 自定义 CSS 窗格：

body.fixed-header #header {
background: rgba(0, 0, 0, 0) linear-gradient(#2a4c9e, #000000) repeat scroll 0 0; }

您需要专门调用十六进制颜色并使用正确的 选择器 语法。

希望这会有所帮助。如果是这样，请在此处也选择它作为正确答案。

【讨论】：