पृष्ठभूमि छवि त्रुटि: गलत ऑपरेटर की पहचान करना

शॉर्टहैंड नोटेशन का उपयोग करके पृष्ठभूमि छवि के साथ एक div तत्व को स्टाइल करने का प्रयास करते समय, कुछ उपयोगकर्ताओं को सामना करना पड़ता है गलत ऑपरेटर के संबंध में एक त्रुटि:

त्रुटि: सीएसएस: पृष्ठभूमि: / एक गलत ऑपरेटर है।

To इस समस्या को सुधारें, पृष्ठभूमि प्रॉपर्टी के लिए सही सिंटैक्स को समझना महत्वपूर्ण है। सीएसएस विनिर्देशों के अनुसार, / वर्ण पृष्ठभूमि-स्थिति और पृष्ठभूमि-आकार गुणों के बीच विभाजक के रूप में कार्य करता है।

निम्नलिखित सीएसएस स्निपेट सही उपयोग दर्शाता है:

div {
  height: 100%;
  background: url('...') 100% 0/4% no-repeat;
}

इस उदाहरण में, "यूआरएल(...) 100% 0" पृष्ठभूमि की स्थिति को दर्शाता है, जबकि "4%" इसके आकार को दर्शाता है। यह ध्यान रखना महत्वपूर्ण है कि जबकि पृष्ठभूमि-आकार वैकल्पिक है, शॉर्टहैंड नोटेशन का उपयोग करते समय इसे पृष्ठभूमि-स्थिति के साथ निर्दिष्ट किया जाना चाहिए।

/ विभाजक को छोड़ने या गुणों के बीच इसे गलत स्थान पर रखने से गलत ऑपरेटर त्रुटि हो सकती है। इसके अतिरिक्त, स्थिति के बिना आकार निर्दिष्ट करना आवश्यक है। उदाहरण के लिए, निम्नलिखित सीएसएस कोड मान्य है:

div {
  height: 100%;
  background: url(...) 100% 0 no-repeat;
}