如何将自定义 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" can/will 开头的 ID 在页面刷新时会发生变化。这是因为此类 ID 是动态生成的。因此，您不应依赖它们用于 CSS 或 Javascript.

但是，目前接受方块 ID（以 "block-" 开头的 ID 不会更改，只要方块未被删除或移动导致它被移除（比如直接拖动一个文本块above/below另一个文本块）。

因此，您应该找到要应用 CSS 规则的块的块 ID。如果您需要以更高的特异性作为目标，请从块 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") }

如果这仍然不足以解决问题，请考虑向相关页面添加 link，并在您要定位的页面上说明 block/area。

其他Information/References：

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

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

How do I add a custom CSS image to the target background behind a given layer of text in Squarespace?

css

html

squarespace