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

Question

我有一张由 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>

And the CSS:

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

This has the attribute in the content, 我宁愿没有它。

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

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

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

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

Answer 1

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

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

然后属性在CSS中，但在实际页面上不会可见。

Answer 2

CC-BY 许可证（可读版本）的相关部分是

归属 - 您必须归属
按照规定的方式工作
作者或许可人（但不以任何方式
这表明他们支持你或
您对作品的使用）。

这让我相信，除非指定了某种方式，否则您的自由裁量权是可以接受的。我认为像本页上所做的那样对背景图像进行处理是非常合理的：在底部你会发现一个

 site design / logo © 2011 stack exchange inc;

很容易符合 CC-BY 精神的谨慎的图像。在以 CC-BY 的形式在网络上发布了许多作品后，我的个人意图是“请不要假装是您创建的”，我认为这是该许可证的常见用途。

由于根据定义，您必须拥有归属信息，因此采取简单的方法，只需询问创建者“这样可以吗？”。