css - 无法让线性渐变在特定的 SquareSpace 模板上工作

标签 css linear-gradients squarespace

我正在尝试调整 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

谁能看出问题所在?

最佳答案

从设计面板 > 到 > 自定义 CSS 面板:

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

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

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

关于css - 无法让线性渐变在特定的 SquareSpace 模板上工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30381364/

相关文章:

twitter-bootstrap - Yii2 ListWidget自定义css的问题

css - 如何在 svg 背景中创建渐变颜色

javascript - 在滚动时更改 Squarespace CSS

css - Squarespace 使用 CSS 从主导航中删除下拉菜单

css - Bootstrap 4列2行div响应

html - Framework7如何限制body不能拖出?

html - 重置 CSS :nth-of-type counter

ios - 跨多个 UITableViewCells 应用渐变

css - 尝试从另一侧开始重新创建线性渐变效果

css - 使用 Squarespace 在移动设备上设计缩略图标题