2010-03-08 17 views
5

में मैं निम्नलिखित है:सीएसएस पृष्ठभूमि छवि पथ मेरी सीएसएस के बीच मुद्दे

#framecontentTop{ 
position: absolute; 
top: 0; 
left: 120px; 
right: 0; 
height: 100px; 
overflow: hidden; 
background-image: url(/Users/myname/Website Project/logo.jpg); 
color: white; 
}

कहाँ छवि मैं का उपयोग करना चाहते करने के लिए मार्ग के रूप में पृष्ठभूमि छवि/उपयोगकर्ताओं/myname/वेबसाइट परियोजना/लोगो है .jpg

हालांकि, जब मैंने आईडी divcontentTop के साथ अपना div डाल दिया, तो यह पृष्ठभूमि के रूप में छवि (या वास्तव में कुछ भी) नहीं दिखाता है। सीएसएस में इसके साथ संघर्ष करने के लिए कोई अन्य divs नहीं हैं, और जब मैं फ्रेमकंट के लिए पृष्ठभूमि सेट करता हूं तो रंग पर जाएं या इसे एक छवि के रूप में रखें लेकिन यूआरएल को कुछ यादृच्छिक छवि के रूप में ऑनलाइन रखें, यह ठीक है। इसलिए मैं केवल यह मान सकता हूं कि मैंने छवि के पथ को कैसे निर्दिष्ट किया है - क्या कोई यह देख सकता है कि मैंने यहां क्या गलत किया है?

बहुत धन्यवाद

उत्तर

13

आप कोई विशेष वर्ण हैं, तो वे भाग निकले किया जाना चाहिए या सफेद-अंतरिक्ष के मामले में, कम से कम इस तरह, उद्धृत :

background-image: url("/Users/myname/Website Project/logo.jpg"); 

पूर्ण आवश्यकताओं के लिए W3C Spec देख सकते हैं।

कुछ ऐसे कोष्ठक, अल्पविराम, सफेद स्थान अक्षर, एकल उद्धरण (') और डबल कोट्स (") के रूप में एक गैर उद्धृत यूआरआई में प्रदर्शित होने के वर्ण, एक बैकस्लैश के साथ भाग जाना चाहिए ताकि जिसके परिणामस्वरूप यूआरआई मान एक है यूआरआई टोकन:। '(', ')', '\'

+0

धन्यवाद, मैं एक साथ क्या जेसी ऊपर सुझाव के साथ इस की कोशिश की और मैं अभी भी एक ही परिणाम (एक की कमी) हो रही है – Deacon

+0

@Deacon! - यदि पथ पर आपकी छवि www.mysite.com/Users/myname ....? –

+0

@ निक - नहीं, यह अभी भी इस समय स्थानीय है इसलिए इसका पथ फ़ाइल है: /// उपयोगकर्ता/मेरा नाम ... ... – Deacon

3

आप एक निरपेक्ष रास्ता है कि हमेशा अपने सर्वर पर एक ही URL पर हल होगा प्रयोग कर रहे हैं। यदि यह तत्व ए में डालते समय काम करता है, लेकिन तत्व बी में काम नहीं करता है, संभावना है कि समस्या यूआरएल के साथ नहीं है, लेकिन background या background-image हस्तक्षेप सेटिंग।

मैं फ़ायरबग के "निरीक्षण तत्व" फ़ंक्शन का उपयोग यह पता लगाने के लिए करता हूं कि कोई अन्य पृष्ठभूमि सेटिंग प्राथमिकता ले रही है या नहीं। रिक्तियों के साथ

URL को हमेशा वैसे उद्धरण में होना चाहिए:

background-image: url("/Users/myname/Website Project/logo.jpg"); 
संबंधित मुद्दे