2013-03-03 21 views
7

पर पृष्ठभूमि छवि दिखाएं मैं टैग टीडी पर पृष्ठभूमि छवि दिखाने की कोशिश कर रहा हूं। और मुझे लगता है मैं टैग img का उपयोग करके पथ का परीक्षण और यह पथ को सही मिलता है लेकिन मैं नहीं जानता कि यह टीडी टैग पर पृष्ठभूमि छवि में नहीं दिखा रहा है कोडटीडी टैग

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"></td> 

<img src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg" /> 

है।

thankyou बहुत

उत्तर

8

td एक पृष्ठभूमि छवि प्रदर्शित नहीं करेंगे क्योंकि यह किसी भी सामग्री को नहीं मिला है, इसलिए वहाँ td में कोई जगह नहीं पृष्ठभूमि आकर्षित करने के लिए है। background-sizeपृष्ठभूमि का आकार सेट करता है, न कि कंटेनर का आकार। td के लिए इनलाइन शैली में width:250px;height:180px; आज़माएं - इसे छवि दिखाना चाहिए।

Here's a demonstration in jsfiddle। यदि आप सीएसएस से width और height सेटिंग्स को हटाते हैं तो आपको छवि दिखाई नहीं देगी।

2

उचित समाधान

सबसे पहले, आप चौड़ाई और टीडी की ऊँचाई निर्दिष्ट करने के लिए है। उदाहरण का पालन करें जो ठीक से काम करेगा ---

<td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px; width: 250px; height: 180px;"></td> 
+3

क्या आपने मूल रूप से स्वीकार किए गए समाधान को फिर से लिखा था? – spenibus

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