Question

我目前正在使用名为Bedford的Squarespace 6模板。我附上了横幅图片文字的截图，我试图更好地脱颖而出。我想添加一个黑色透明背景，使文本白色类似于下面的两个按钮。

我在下面添加了自定义css，但它也将样式添加到下面的按钮中。

更新

我正在尝试提供我的横幅文字，上面写着“#O油田的最佳来源”＃34;背景颜色的背景：rgba（0,0,0，.9）; 有什么方法可以用CSS实现这个目的吗？

感谢您的帮助

Answer 1

您正在寻找的只是：

background-color: rgba(0, 0, 0, .8);
z-index: 1000;

Z-index可以是任何值，大于background的z-index。如果你没有在其他任何地方使用它，如果是1或9999，则效果相同。

最后一个'。''是transparency，这是一个从0.0到1.0的值，其中0是不可见的，1是完全可见的。

但是在看这个时，我认为你正在寻找的效果包含在<figure id="thumbnail" ...>内，这是一个填满整个屏幕宽度的图像。

此时我无法给你更好的建议，因为我不知道你到底想要什么。尝试提供你已经完成的代码以及你想要的工作代码。

Answer 2

好的，只有使用CSS才能完成此操作，而不是更改HTML或使用JS，您可以将其添加到自定义CSS中：

.desc-wrapper > p:nth-child(1) {
  background-color: rgba(0, 0, 0, 0.9);
}

并且仅针对第一个<p>元素，希望这就是您所需要的。