有没有一种巧妙的方法来获取表示层中背景图像的归属？

我有一张由 CSS 引入的 CC-BY 图像，用作背景。这张图片纯粹是为了它的外观，绝对不是内容。我需要在某个地方对此图像进行归属，显然最好将此归属链接到提供该图像的好心人。但是，我真的不想将链接文本放入 HTML 中，因为这会破坏实际内容和演示文稿的分离（我想说，归因链接实际上是演示文稿的一部分，因为如果您在没有背景图像的情况下查看页面） ，你不会真的想看到它）。

有什么方法可以在这里将演示文稿和内容分开吗？

我当前的代码看起来像这样

<div class='backgrounded'>
  <div class='content'><h1>Some stuff here</h1></div>
  <div class='attribution'>
    Image from <a href='http://example.com/image'>Lovely CC-BY person</a>
  </div>
</div>

还有CSS：

div.backgrounded {
    background: url(/images/an_image.jpg);
}
div.attribution {
    color: #ffffff; 
    float: right;
}

这在内容中有归属，但我宁愿没有它。

我考虑过的其他事情包括：

• 将属性放在图像本身中。 这解决了代码分离问题，但我的图像是一个位于左侧的漂亮宽图像，因此对于宽浏览器窗口有足够的背景。图像的右下角几乎总是看不见。 我不知道如何将此归因作为链接。

• 制作包含属性文本的图像并将其放置在当前属性所在的位置，再次在后台，但在顶部 我想我可以使用 JavaScript 将其设为链接。这看起来像是很多摆弄。

有没有办法解决这个问题，即我的图像仅在 CSS 中引用？或者如果做不到这一点，保持事物良好分离的最佳方法是什么，例如，可以在不编辑 HTML 的情况下替换图像？

您可以在 CSS 本身中留下评论：

div.backgrounded {
    background: url(/images/an_image.jpg); /*Image provided by [name]*/
}

那么属性就在CSS中，但在实际页面上是不可见的。