css - 如何将自定义 CSS 图像添加到 Squarespace 中给定文本层后面的目标背景？

Question

我们正致力于在 Squarespace 中为我们的客户定制一个网站(以便他们可以自行管理)。

我在一层文字的背景中添加了CSS样式，但它不显示。我已将要使用的图像导入到 Squarespace 中，并且我有 URL。
我还检查了页面元素并找到了我想要定位的 ID。

这是我的代码:

#yui_3_17_2_5_1465050472193_17704 {
  background-image: url("http://static1.squarespace.com/static/55bed56ee4b04fdc6e0dd0d8/t/5752e43c22482e7d77f53e3b/1465050172750/Share+the+Love+Kids+Club.png")
}

为什么这没有添加我期望的图像？

Answer 1

目前，在 Squarespace 中，任何 以“yui”开头 的 ID 都可以/将在页面刷新时更改。这是因为此类 ID 是动态生成的。因此，您不应依赖它们在 CSS 或 Javascript 中使用。

但是，目前接受方 block ID(ID 的 以“block-”开头 不会更改，只要方 block 未被移除或以导致其被移除的方式移动(例如将一个文本 block 直接拖到另一个文本 block 的上方/下方)。

因此，您应该找到要应用 CSS 规则的 block 的 block ID。如果您需要以更高的特异性作为目标，请从 block ID 开始，然后从那里添加特异性。例如:

#block-yui_3_17_2_4_1443109442267_11866 {
    background-image: url("http://static1.squarespace.com/static/55bed56ee4b04fdc6e0dd0d8/t/5752e43c22482e7d77f53e3b/1465050172750/Share+the+Love+Kids+Club.png")
}

如果这仍然不足以解决问题，请考虑添加指向相关页面的链接，并说明您要定位到页面上的哪个 block /区域。

附加信息/引用:

• > https://answers.squarespace.com/questions/59297/how-do-i-discover-a-block-id.html
• > https://answers.squarespace.com/questions/10450/which-ids-should-i-target-for-my-css.html