プレゼンテーションレイヤーで背景画像のアトリビューションを得るためのきれいな方法はありますか？

Question

私はバックグラウンドとして使用しているCC-BYイメージをCSSで持っています。この画像は純粋にその外観のために存在し、間違いなく内容である。私はこのイメージに帰属をどこかに置く必要があります。このアトリビューションをイメージを提供した親切な人にリンクさせるのが一番いいと思います。しかし、実際のコンテンツとプレゼンテーションの分離を壊すので、リンクテキストを自分のHTMLに入れたいとは思っていません（帰属リンクは実際にプレゼンテーションの一部です。つまり、バックグラウンドイメージなしでページを見た場合、あなたは本当にそれを見たくはありません）。

ここにプレゼンテーションとコンテンツを分ける方法はありますか？

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

これは、私はむしろそれを持っていないと思いコンテンツで帰属を、持っている：このため

私の現在のコードは

<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のようになります。私はと考えられてきた

他のものが含まれます：

• は、画像自体に帰属を置きます。 これはコード分離の問題を解決しますが、画像は幅広いブラウザウィンドウ用に十分なバックグラウンドがあるように、左に配置された素晴らしいワイドな画像です。画像の右下はほぼ常に見えない。 このアトリビューションをリンクにする方法がわかりません。

• 帰属テキストを含む画像を作成し、現在の帰属が再びバックグラウンドで、あるが、トップ に私が推測するところ、私はそれはJavaScriptを使用してリンクさせることができることを置きます。これは多くの手を引いているようです。

私のイメージがCSSでのみ参照される方法はありますか？そうでない場合は、HTMLを編集しなくてもイメージを置き換えることができるように、物事をきれいに分けておくための最善の方法は何ですか？

Answer 1

あなたはCSS自体にコメントを残すことができます：

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

を次に帰属がCSSであるが、それは実際のページに表示されません。

Answer 2

CC-BY license（読み込み可能なバージョン）の該当ビットが

帰属です - あなたが示唆 著作者または許諾者が指定した方法で（ただし、どのような方法 で 作業を表示しなければなりません彼らはあなたを支持するか、 あなたの作品の使用）。

これは、方法が指定されていない限り、あなたの裁量は容認できると私は信じています。私は、このページに行われているように、それは極めて合理的な背景イメージのために行うと思う：一番下にあなたが簡単にCC-BYの精神に準拠控えめ

site design/logo © 2011 stack exchange inc; 

があります。多くの作品をCC-BYとしてWeb上に公開したので、私の個人のの意図は、「あなたが作ったとは思わないでください」と私は思っています。

属性情報を定義する必要があるので、簡単なルートを使用して、作成者に「これはいいですか？」と尋ねてください。