सापेक्ष पथ

Question

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

मैं रूट फ़ोल्डर में एक main.less फ़ाइल है

@import "inc/inc.less"; 

और फ़ोल्डर में एक फ़ाइल inc.lessinc

.homeBgr { 
    background: url('icons/Home.gif'); 
} 

छवि Home.gif फ़ोल्डर में /root/inc/icons

- main.less 
     - inc 
     - inc.less 
     - icons 
      - Home.gif 

साथ

हैउत्पादन

.homeBgr { 
    background: url('icons/Home.gif'); 
} 

है लेकिन, मेरा उम्मीद

.homeBgr { 
    background: url('inc/icons/Home.gif'); 
} 

है अगर मैं ग्राहक संकलक के रूप में less.js उपयोग करते हैं, मैं अपेक्षा के अनुरूप उत्पादन मिल गया, फिर भी अगर मैं lessc उपयोग करते हैं, मैं नहीं।

क्या किसी को भी यही समस्या है, और इसके लिए कोई समाधान है? या वास्तव में, इस काम को कैसे प्राप्त करें इस पर कोई सुझाव। अग्रिम में धन्यवाद।

Answer 1

आपको .less की एस्केपिंग सुविधा का उपयोग करना होगा। यह ऐसा कुछ दिखाई देगा। अगर यह काम नहीं करता है और इसे रूट फ़ोल्डर में समायोजित करने की आवश्यकता है तो पथ को जांचने के लिए चीजों की तरह फ़ायरबग करें या क्रोम फ़ायरबग का उपयोग करें। यद्यपि बचने के बाद आप इसे कम से कम समायोजित कर सकते हैं।

background: ~"url('inc/icons/Home.gif')"; 

Answer 2

इसके बजाय/इंक में जड़ में main.less और अन्य कम फ़ाइलें होने के

, एक "सीएसएस", "शैलियों", या "कम" फ़ोल्डर में अपने कम फ़ाइलों के सभी डाल दिया। फिर आप "../icons/home.gif"

Answer 3

द्वारा संबंधित छवियों के अनुरूप सापेक्ष पथ का उपयोग कर सकते हैं सापेक्ष छवि पथ जेनरेट की गई सीएसएस फ़ाइल से संबंधित है, कम फ़ाइल पर नहीं।