2011-12-17 22 views
24

में काम नहीं करता है मेरी वेबसाइट पर मुझे <div> के लिए css प्रॉपर्टी overflow: overlay का उपयोग करने की आवश्यकता है।ओवरफ़्लो: ओवरले फ़ायरफ़ॉक्स

हालांकि, यह ब्राउज़र में प्रतिपादन नहीं कर रहा है और फायरबग में सीएसएस के निरीक्षण से पता चलता है कि यह वहां भी नहीं है, लेकिन यह क्रोम में काम करता है। मैंने सफारी का परीक्षण नहीं किया है।

overflow: overlay सीएसएस संपत्ति काम करने के लिए मुझे क्या बदलना चाहिए?

धन्यवाद

अतिप्रवाह के लिए
+0

क्या आपका मतलब है 'अतिप्रवाह: दृश्यमान'? –

उत्तर

31

संभावित मान हैं:

visible 
hidden 
auto 
scroll 

इन की चर्चा के लिए here या here देखें।

विभिन्न ब्राउज़रों में किसी भी अन्य मूल्य का उपयोग अप्रत्याशित परिणाम प्रदान करेगा क्योंकि वे गलत मान को अलग-अलग संभालते हैं।

संपादित करें: टिप्पणी के बाद, मैंने ओवरफ़्लो का उल्लेख ढूंढने में कामयाब रहा है: ओवरले here

सामग्री काटा जाता है और स्क्रॉल बार जब आवश्यक जोड़े जाते हैं:

ओवरले के रूप में वर्णन किया गया है।

महत्वपूर्ण रूप से यह केवल सफारी या क्रोम (यानी वेबकिट) में काम करने के लिए कहा जाता है।

वेबकिट बगजिला पर This item सुझाव है यह किसी भी मामले में इस दुनिया के लिए लंबे समय तक नहीं है:

वेबकिट वर्तमान में "ओवरले" जो गैर-दस्तावेजी है और जहाँ तक मैं पढ़ने से बता सकते हैं कहा जाता है एक मालिकाना सीएसएस अतिप्रवाह महत्व है कोड बिल्कुल "ऑटो" की तरह काम करता है।

हमें इसे हटा देना चाहिए या इसे "-webkit-overlay" में बदलना चाहिए।

अद्यतन मार्च वर्ष 2016

लगता overflow: overlay की तरह दूर नहीं गया है। मानकों में इसका तरीका काम करने के संकेत हैं।

overlay और auto के बीच का अंतर केवल यह होगा कि स्क्रॉलबार पेज सामग्री के शीर्ष पर दिखाई देंगे, और यह लेआउट स्पेस नहीं ले पाएगा।

here for the discussion देखें।

+0

ओवरले ऑटो के समान काम करता है। (आवश्यक होने पर स्क्रॉल बार जोड़े जाते हैं) –

+48

एक अंतर है, हालांकि: 'ऑटो' के साथ, एक्स-ओवरफ्लो पर तत्व के नीचे स्क्रॉलबार जोड़ा जाता है। 'ओवरले' के साथ, यह तत्व के भीतर जोड़ा जाता है! इसका मतलब है कि कोई अतिरिक्त स्क्रीन एस्टेट नहीं ली जाती है, लेकिन तत्व के भीतर पाठ स्क्रॉलबार द्वारा बाधित है। यह एक सूक्ष्म, लेकिन उपयोगी अंतर है। क्रोमियम पर परीक्षण किया। – ypnos

+2

"अतिप्रवाह: ओवरले" "अतिप्रवाह: ऑटो" जैसा नहीं है।यदि आप इसे कुछ चौड़ाई देकर स्क्रॉलबार को स्टाइल करते हैं, तो इन दोनों गुणों के अलग-अलग प्रभाव होते हैं। ओवरले के मामले में, स्क्रॉलबार वैसे भी सामग्री को धक्का नहीं देता है क्योंकि यह सामग्री के ऊपर तैरता है और सामान्य दस्तावेज़ प्रवाह में नहीं है। लेकिन "ओवरफ्लो: ऑटो" के मामले में, स्क्रॉलबार कुछ चौड़ाई (जैसा कि आपके द्वारा निर्दिष्ट किया गया है) पर कब्जा करता है, और सामग्री को धक्का देता है जैसे किसी भी प्रवाह तत्व। – maverick

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