Có cách nào gọn gàng để nhận được phân bổ cho hình nền trong lớp trình bày không?

Question

Tôi có một hình ảnh CC-BY mà tôi đang sử dụng làm nền, được đưa vào bởi CSS. Hình ảnh này hoàn toàn có vẻ ngoài, và chắc chắn không phải là nội dung. Tôi cần phải ghi nhận tác giả vào hình ảnh này ở đâu đó, và rõ ràng nó sẽ là tốt nhất để làm cho ghi công này một liên kết đến người đã cung cấp hình ảnh đó. Tuy nhiên, tôi thực sự không muốn đặt văn bản liên kết vào HTML của tôi vì việc chia tách nội dung và bản trình bày thực tế (liên kết phân bổ thực sự là một phần của bản trình bày, tôi sẽ nói, vì nếu bạn đã xem trang mà không có hình nền , bạn sẽ không thực sự muốn nhìn thấy nó).

Có cách nào để tôi có thể tách bản trình bày và nội dung ngay tại đây không?

mã hiện tại của tôi cho điều này trông giống như

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

Và CSS:

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

này có ghi trong nội dung, mà tôi không muốn có nó.

Những điều khác tôi đã xem xét bao gồm:

• Đưa ghi trong hình ảnh bản thân. Điều này giải quyết vấn đề phân tách mã, nhưng hình ảnh của tôi là một hình ảnh đẹp nằm ở bên trái để có đủ nền cho cửa sổ trình duyệt rộng. Phía dưới cùng bên phải của hình ảnh hầu như luôn ở ngoài tầm nhìn. Tôi không thấy cách tôi có thể tạo liên kết thuộc tính này.

• Làm một hình ảnh có chứa dòng chữ ghi công và đưa rằng nơi ghi công hiện nay là, một lần nữa ở chế độ nền, nhưng trên đỉnh Tôi đoán tôi có thể làm cho nó một liên kết sử dụng JavaScript. Điều này có vẻ như rất nhiều điều không quan tâm.

Có cách nào trong đó hình ảnh của tôi chỉ được nhắc đến trong CSS không? Hoặc thất bại, cách tốt nhất để giữ cho mọi thứ được tách biệt độc đáo là gì, ví dụ, hình ảnh có thể được thay thế mà không cần chỉnh sửa HTML?

Answer 1

Bạn có thể để lại nhận xét trong CSS bản thân:

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

Sau đó ghi là trong CSS, nhưng nó sẽ không được hiển thị trên các trang thực tế.

Answer 2

Các bit có liên quan của (phiên bản có thể đọc được) CC-BY license là

Ghi công - Bạn phải ghi các tác phẩm theo quy định của tác giả hoặc người cấp phép (nhưng không phải trong bất kỳ cách nào cho thấy họ xác nhận bạn hoặc việc bạn sử dụng tác phẩm).

Điều này khiến tôi tin rằng trừ khi một cách thức được chỉ định theo ý của bạn là có thể chấp nhận được.Tôi nghĩ rằng nó rất hợp lý để làm cho một hình nền như được thực hiện trên trang này: ở phía dưới bạn sẽ tìm thấy một kín đáo

site design/logo © 2011 stack exchange inc; 

dễ dàng phù hợp với tinh thần của CC-BY. Đã đặt một số sáng tạo trên web dưới dạng CC-BY, mục đích cá nhân cá nhân của tôi là "chỉ xin vui lòng đừng giả vờ rằng bạn đã tạo ra nó", mà tôi nghĩ là việc sử dụng phổ biến giấy phép đó.

Vì bạn phải, theo định nghĩa, có thông tin ghi nhận, hãy thực hiện tuyến đường dễ dàng và chỉ hỏi người sáng tạo "có được không?".