मेरे पास एक सीसी-बाय छवि है जिसे मैं पृष्ठभूमि के रूप में उपयोग कर रहा हूं, सीएसएस द्वारा लाया गया। यह छवि पूरी तरह से इसके दिखने के लिए है, और निश्चित रूप से सामग्री नहीं है। मुझे इस छवि पर कहीं भी एट्रिब्यूशन डालना होगा, और जाहिर है कि यह एट्रिब्यूशन इस तरह के व्यक्ति को छवि प्रदान करने वाले व्यक्ति के लिए एक लिंक बनाने के लिए सबसे अच्छा होगा। हालांकि, मैं वास्तव में लिंक HTML को अपने 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>
की तरह कुछ और सीएसएस लग रहा है।
अन्य चीजें मैं माना जाता है में शामिल हैं:
छवि को ही में अधिकार लाना। यह कोड अलगाव समस्या हल करता है, लेकिन मेरी छवि बाईं ओर स्थित एक अच्छी चौड़ी है, इसलिए एक विस्तृत ब्राउज़र विंडो के लिए पर्याप्त पृष्ठभूमि है। छवि का निचला दायां लगभग हमेशा देखने से बाहर है। मुझे नहीं लगता कि मैं इस एट्रिब्यूशन को एक लिंक कैसे बना सकता हूं।
विशेषता पाठ युक्त एक छवि बनाने और कहा कि जहां वर्तमान रोपण है, पृष्ठभूमि में फिर से है, लेकिन शीर्ष पर मुझे लगता है कि मैं इसे एक लिंक जावास्क्रिप्ट का उपयोग कर सकता है डाल। यह बहुत झुकाव की तरह लगता है।
क्या इसका कोई तरीका है जहां मेरी छवि केवल सीएसएस में संदर्भित है? या उसमें असफल रहा, चीजों को अच्छी तरह से अलग रखने का सबसे अच्छा तरीका क्या है, उदाहरण के लिए, छवि को HTML के संपादन किए बिना बदला जा सकता है?
+1 दिलचस्प, हालांकि मैं कहूंगा कि छवि आपकी सामग्री का हिस्सा है। भले ही यह पृष्ठभूमि छवि है, फिर भी यह आपकी सामग्री का हिस्सा है, इसलिए यदि आप अपने एचटीएमएल में एट्रिब्यूशन लिंक जोड़ते हैं तो कोई मिश्रण नहीं होगा। – JohnP
हाय जॉनपी! समस्या यह है कि छवि वास्तव में मेरी सामग्री में नहीं है - यह केवल सीएसएस द्वारा लाई गई है, इसलिए वर्तमान में HTML भाग में एट्रिब्यूशन है, लेकिन कोई वास्तविक छवि नहीं है, और सीएसएस छवि को जानता है, लेकिन विशेषता नहीं, और न ही वास्तव में दूसरे के बिना वहां रहना चाहता है! –