मैंने मैक ओएस एक्स ऐप्स पर देखा गया एक ही छाया सीमा प्रभाव देने के लिए हाल ही में एक पृष्ठ के एक अनुभाग में box-shadow जोड़ा। यह बहुत अच्छा लग रहा था, लेकिन मैंने देखा कि पृष्ठ पर ऊपर और नीचे स्क्रॉल करने से यह अंतराल हो गया। मैं आमतौर पर केवल उन्हीं पृष्ठों पर यह देखता हूं जिनमें परेशान पृष्ठभूमि छवियां और छवियों और एम्बेडेड वीडियो की सभी चीजें हैं (खांसी माईस्पेस खांसी)। मैंने मूल रूप से बॉक्स-छाया का उपयोग करने का फैसला किया क्योंकि मुझे लगा कि यह एक छवि का उपयोग करने की आवश्यकता को हटा देगा, जो स्क्रॉल अंतराल की किसी भी संभावना को हटा देगा।CSS3 बॉक्स-छाया संपत्ति के साथ स्क्रॉल लगाना?
मुझे पता है कि CSS3 अभी भी नया है, लेकिन क्या यह अंतराल का कारण है? छाया छाया या सॉफ्टवेयर कुछ है? जब मैं छोटे तत्वों के लिए बॉक्स छाया लागू करता हूं, तो यह बिल्कुल अंतराल नहीं होता है। मैं बस सोच रहा हूं कि किसी और ने इसका अनुभव किया है।
मैं सिर्फ स्टैक ओवरफ़्लो पहले पन्ने पर यह कोशिश की, #content div की सेटिंग के साथ Firebug के प्रयोग पर:
-moz-box-shadow: 1px 1px 10px;
और मैं कुछ स्क्रॉल अंतराल बाद में नोटिस किया था। मैं फ़ायरफ़ॉक्स 3.5 का उपयोग कर रहा हूँ।
मेरा सवाल यह है कि, यदि मैं अपने पृष्ठ के किसी अनुभाग में मैक ओएस एक्स शैली सीमा जोड़ना चाहता हूं तो इस विशेषता का उपयोग करने के कुछ विकल्प क्या हैं?
एक तरफ नोट पर, क्या किसी को पता है कि बॉक्स के छाया को केवल तत्व के शीर्ष, बाएं और दाएं किनारे पर लागू करना संभव है, न कि नीचे? मैंने 1px -1px 10px की कोशिश की लेकिन यह अभी भी नीचे छाया दिखाता है। अगर मैं दूसरे ऑफसेट को कम करता रहता हूं, तो अंततः छाया को नीचे से हटा देता है लेकिन फिर शीर्ष छाया अब गहरा और बड़ा तरीका है।
और हाँ, मैं कम से बॉक्स छाया पर लेख देखा है:
धन्यवाद मैं विस्तृत प्रतिक्रिया की सराहना करता हूं, मुझे यकीन है कि दूसरों को यह उपयोगी लगेगा। दुर्भाग्यवश अनुभाग (मेरी साइट का # पृष्ठ विशेषता, मेरी प्रोफ़ाइल में उपलब्ध) ने 2em के कोनों को गोल किया है, इसलिए मुझे लगता है कि यह करना बहुत मुश्किल होगा। मुझे लगता है कि मुझे आपके द्वारा प्रदान की गई एक छवि बनाने की आवश्यकता होगी, लेकिन एक पारदर्शी पृष्ठभूमि और गोलाकार कोनों के साथ भी। हालांकि धन्यवाद! जानकार अच्छा लगा। –