7

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 を編集せずに画像を置き換えることができるように、物事を適切に分離しておくための最良の方法は何ですか?

4

2 に答える 2

1

CSS 自体にコメントを残すことができます。

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

属性は CSS にありますが、実際のページには表示されません。

于 2011-06-25T09:54:03.797 に答える
1

CC-BY ライセンス(読み取り可能なバージョン)の関連ビットは次のとおりです。

帰属— 著作者またはライセンサーによって指定された方法で作品の帰属を示す必要があります (ただし、あなたまたは作品の使用を支持していると示唆するような方法ではいけません)。

そのため、マナーが指定されていない限り、あなたの裁量は受け入れられると私は信じています. このページで行われているように、背景画像に対して行うことは非常に合理的だと思います。

 site design / logo © 2011 stack exchange inc;

CC-BY の精神に容易に適合します。多くの作品を CC-BY として Web 上に公開してきた私の個人的な意図は、「あなたがそれを作成したふりをしないでください」ということでした。これは、そのライセンスの一般的な使用法だと思います。

定義上、帰属情報を取得する必要があるため、作成者に「これでよろしいですか?」と簡単に尋ねることができます。

于 2011-06-25T09:55:53.047 に答える