2012-08-02 12 views
8

पृष्ठभूमि छवि के लिए alt और शीर्षक कैसे दें? क्या यह संभव है?पृष्ठभूमि छवि के लिए alt और शीर्षक कैसे दें?

<div id="cont"></div> 

    #cont 
    { 
    background:#FFF url(../images/post.png) no-repeat; 
    } 
+0

इस के लिए एक विशेष उपयोग के मामले है जब आप पहलू अनुपात squishing बिना पृष्ठभूमि छवि का आकार "कवर" का उपयोग करने उत्तरदायी लेआउट के साथ सौदा करना चाहते हैं। मैं div पर एक शीर्षक टैग के बीच वजन कर रहा हूं, और एक आईएमजी टैग के साथ एक ही लेआउट प्राप्त करने की कोशिश कर रहा हूं। – Mark

उत्तर

10

आप एक सीएसएस पृष्ठभूमि के लिए एक alt और शीर्षक नहीं दे सकते हैं, लेकिन आप div को एक शीर्षक दे सकते हैं।

<div id="cont" title="Title!"></div> 

शीर्षक माउस निष्क्रिय div तत्व से अधिक पर पॉपअप होगा।

+0

सीएसएस में देना संभव है? – Prashobh

+2

शायद छद्म तत्वों और व्हाट्नॉट (इस बारे में निश्चित नहीं) का उपयोग करने का एक तरीका है, लेकिन इसकी अनुशंसा नहीं की जाती है क्योंकि यह पूरी तरह से समर्थित नहीं है और यह बहुत ही सुलभ नहीं है। – Rodik

7

नहीं, क्योंकि एक पृष्ठभूमि छवि केवल एक सजावटी तत्व जो किसी भी अर्थ अर्थ नहीं होना चाहिए है। एचटीएमएल अर्थशास्त्र और का अर्थ है, सीएसएस केवल दृश्य उपस्थिति के लिए है। अगर छवि इतनी महत्वपूर्ण है कि इसमें alt टेक्स्ट फ़ॉलबैक होना चाहिए, तो इसे HTML <img> तत्व बनाएं।

+1

धन्यवाद, इसलिए मुझे अपना कोड बदलना चाहिए। – Prashobh

-1

मैंने आईएमजी तत्व का उपयोग करने की कोशिश की।

fiddle

+0

इस तरह, आप पृष्ठभूमि छवि पर नहीं, पारदर्शी छवि में एक alt विशेषता जोड़ते हैं। –

-2

हाँ यह इस तरह पीएचपी के भीतर संभव है ..

if($moon==0) 
    {$icon_moon="background: url(mp0.png); background-repeat: no-repeat; 
    background-size: 15px 15px; background-position: right top"; 
    $title_mph = "Moon phase new";} 

इस मामले में चर ($icon_moon) इस

तरह स्थिति को जोड़ने से एक वैकल्पिक लेख है के लिए एक तालिका में सम्मिलित किया जाता है इस तरह से भी संभव है।

संबंधित मुद्दे