IE6 IE7 सीएसएस अतिप्रवाह के साथ समस्या: छिपा हुआ; - स्थिति: सापेक्ष; कॉम्बो

सीएसएस प्रॉपर्टी ओवरफ़्लो: हिडन का उपयोग करके स्लाइडर में निष्क्रिय स्लाइड्स को छिपाने का प्रयास करते समय यह समस्या उत्पन्न होती है। हालाँकि, IE 6 और 7 में, यह दृष्टिकोण विफल हो जाता है, जिससे गैर-सक्रिय स्लाइड दिखाई देती हैं। मूल कारण युक्त उल तत्व पर ओवरफ़्लो: छिपा हुआ और स्थिति: सापेक्ष के संयोजन में निहित है।

इस समस्या का एक ज्ञात समाधान कंटेनर तत्व के सापेक्ष स्थिति: जोड़ना है। दी गई HTML संरचना में, बॉडी टैग कंटेनर के रूप में कार्य करता है। समस्या को हल करने के लिए, मुख्य भाग के ठीक नीचे एक div जोड़ें और इसे स्थिति निर्दिष्ट करें: सापेक्ष।

  

    ...
  

प्रदान किए गए सीएसएस में, निम्नलिखित पंक्ति जोड़ें:

#container {
  position: relative;
}

यह संशोधन समस्या का समाधान करेगा और उचित स्लाइडर कार्यक्षमता सुनिश्चित करते हुए IE 6 और 7 में निष्क्रिय स्लाइडों को छिपाने के लिए ओवरफ्लो: हिडन के उपयोग को सक्षम करेगा।