有没有一种巧妙的方法可以在表示层中获得背景图像的属性

Question

我有一个CC-BY图像，我用它作为背景，由CSS引入。这张图片纯粹是为了它的外观，绝对不是内容。我需要把这张照片的归属放在某个地方，显然最好把这个归属作为提供照片的好心人的链接。然而，我真的不想把链接文本放在我的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的情况下替换图像？

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的身份在网上发布了许多创作后，我的个人意图是"请不要假装是你创作的"，我认为这是该许可证的常见用法。

根据定义，既然你必须拥有归因信息，那么就采取简单的方法，只需问创作者"这可以吗？"。