Czy istnieje dobry sposób na przypisanie obrazu tła w warstwie prezentacji?

Question

Mam obraz CC-BY, którego używam jako tło, wprowadzony przez CSS. Ten obraz jest wyłącznie dla jego wyglądu i zdecydowanie nie jest zadowolony. Muszę umieścić gdzieś na tym obrazie atrybucję i oczywiście najłatwiej byłoby uczynić to przypisanie linkiem do osoby, która dostarczyła obraz. Jednak tak naprawdę nie chcę umieszczać tekstu linku w moim kodzie HTML, ponieważ dzieli on rzeczywistą treść i prezentację (link do atrybucji jest rzeczywiście częścią prezentacji, powiedziałbym, ponieważ jeśli przeglądasz stronę bez obrazu tła , naprawdę nie chciałbyś tego zobaczyć).

Czy jest jakiś sposób, aby uzyskać tutaj oddzielenie prezentacji i treści?

Mój obecny kod wygląda to mniej więcej tak

<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> 

a CSS:

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

Ma to ujęcie w treści, gdzie wolałbym nie mieć.

Inne rzeczy mam uwzględnić, obejmują:

• Umieszczenie ujęcie w samej obrazu. Rozwiązuje to problem separacji kodu, ale mój obraz jest ładnym szerokim położonym po lewej stronie, więc jest wystarczająco dużo tła dla szerokiego okna przeglądarki. Prawy dolny róg obrazu jest prawie zawsze niewidoczny. Nie widzę sposobu, w jaki mogę uczynić to przypisanie linkiem.

• Dokonywanie obraz zawierający tekst atrybucji i oddanie, że jeżeli obecny jest przypisanie, kolejny w tle, ale na górnym Chyba mogę zrobić to połączenie przy użyciu JavaScript. Wygląda na to, że ma się dużo bzika.

Czy istnieje wyjście z tego, w którym mój obraz jest określony tylko w CSS? A może nie, jaki jest najlepszy sposób na porządne rozdzielenie elementów, aby na przykład obraz mógł zostać zastąpiony bez edytowania kodu HTML?

Answer 1

komentarz w CSS można zostawić samego:

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

Następnie atrybucji w CSS, ale to nie będzie widoczne na rzeczywistej stronie.

Answer 2

Odpowiedni bit CC-BY license (w wersji czytelnej) jest

Attribution - Musisz przypisują pracę w sposób określony przez Twórcę lub licencjodawcę (ale w żaden sposób nie sugerujący że wspierają Cię lub używają utworu).

Co prowadzi mnie do przekonania, że ​​jeśli nie zostanie określony sposób, Państwa dyskrecja jest akceptowalna.Myślę, że to wybitnie rozsądne zrobić dla obrazu tła, jak odbywa się na tej stronie: na dole znajdziesz dyskretną

site design/logo © 2011 stack exchange inc; 

które łatwo jest zgodny z duchem CC-BY. Po umieszczeniu wielu kreacji w Internecie jako CC-BY, moja intencja osobista była "proszę, nie udawaj, że to stworzyłeś", co moim zdaniem jest powszechnym użyciem tej licencji.

Ponieważ musisz z definicji mieć informacje o atrybucji, wybrać łatwą trasę i po prostu zapytać twórcę "czy to w porządku?".