पृष्ठभूमि-छवि <img> तत्व

Question

क्या कोई मेरी समस्या ढूंढने में मेरी सहायता कर सकता है? मेरे पास <img /> है और उसे <a> टैग के भीतर पृष्ठभूमि-छवि देगी।

यहाँ मेरी उदाहरण है:

<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url(\'./images/system/button/close/close.png)\' no-repeat" /> 

पृष्ठभूमि रंग करने के लिए काम नहीं किया .. मेरे उदाहरण :-(एक जावास्क्रिप्ट स्ट्रिंग, है कारण है कि मैं यूआरएल

बचने कर रहा हूँ thats मदद के लिए धन्यवाद :-)

Answer 1

आपको उद्धरण चिह्नों की भी आवश्यकता नहीं है।

background:url(./images/system/button/close/close.png) 

अगर आप

<div style="height:20px; width:20px; padding:9px; background:url(./images/system/button/close/close.png) no-repeat red"></div> 

Answer 2

आप अपने उद्धरण चिह्नों से बच रहे हैं और दूसरे उद्धरण चिह्न और ब्रैकेट को स्थानांतरित कर चुके हैं।

सीएसएस में:

url('foo') /* is technically fine but broken on IE/Mac */ 
url(foo)  /* is fine */ 
url('foo)' /* is not fine */ 
url(\'foo\') /* is not fine */ 

और जैसा कि रॉस एक टिप्पणी में बताते हैं, अपने src विशेषता अनुपलब्ध है। मुझे कल्पना है कि एक पारदर्शी पृष्ठभूमि वाली छवि पर पृष्ठभूमि-छवि सेट करना काम करेगा, लेकिन यदि आपके पास कोई सामग्री छवि नहीं है, तो <img> तत्व का उपयोग न करें (और अपनी सामग्री छवियों को छिपाएं background-image गुण)।

Answer 3

समझ में नहीं आता कि आप उद्धरण से बच क्यों रहे हैं।

<img border="0" style="display:block; width:20px; height:20px; background-color:red; padding:9px; background:url('./images/system/button/close/close.png') no-repeat" /> 

क्या यह काम करता है?

और क्या आप इसके बारे में निश्चित हैं। यूआरएल में?

Answer 4

ठीक है, भले ही यह अजीब है <img/> टैग इस के लिए उपयोग करने के लिए कर सकते हैं एक div का उपयोग करें। (यह अपने उद्देश्य नहीं है, src का उपयोग करें या पृष्ठभूमि के साथ एक div ...)

Here, यह काम कर रहा

Answer 5

background-color:red;background: ने ले जा रहा है।

अपनी पृष्ठभूमि को संयोजित करें। इसके बाद आप पृष्ठभूमि के यूआरएल() और यूआरएल की अवधि में उद्धरणों को हटाकर इसे फिर से परिष्कृत कर सकते हैं। यदि यह पृष्ठ के स्थान से संबंधित है तो यह केवल बैकस्लैश को हटा देगा।

<img border="0" style="display:block; width:20px; height:20px; padding:9px; background:#F00 url(images/system/button/close/close.png) no-repeat" />

अंतिम अगर आप एक alt के लिए इसकी सामग्री विशेषता दिखाई देगा के बाद से वहाँ कोई स्रोत है की जरूरत है। यदि आप alt जोड़ते हैं तो एक पारदर्शी छवि का उपयोग करें।