2016-02-24 21 views
6

में फ़ायरफ़ॉक्स बॉक्स छाया बहुत हल्का है मुझे लगता है कि फ़ायरफ़ॉक्स (44.0.2) बॉक्स-छाया सीएसएस बहुत बेहोशी/प्रकाश प्रस्तुत कर रहा है।नवीनतम बिल्डिंग

यदि आप क्रोम और फ़ायरफ़ॉक्स के बीच के अंतर की तुलना करते हैं तो यह फ़ायरफ़ॉक्स में बहुत हल्का दिखता है। https://jsfiddle.net/8db8zr6q/

मैं सोच रहा था कि क्या कोई इस समस्या से पहले आया है और यदि समस्या को ठीक करने के लिए कुछ भी किया जा सकता है?

वर्तमान कोड:

.shadow { 
    height: 400px; 
    -webkit-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1); 
    -moz-box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1); 
    box-shadow: inset 0px -200px 101px -52px rgba(0,0,0,1); 
} 

जारी होने की छवि:

enter image description here

+0

फ़ायरफ़ॉक्स बॉक्स के आयामों के आधार पर इन्सेट छाया को क्लिप करने (गलत तरीके से) प्रतीत होता है। फैल त्रिज्या भी लगता है। – BoltClock

+0

@ बोल्टक्लॉक क्या आप सत्यापित कर सकते हैं कि आप W3C परिभाषा के साथ फ़ायरफ़ॉक्स के बारे में कह रहे हैं? https://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html मुझे लगता है कि फ़ायरफ़ॉक्स के व्यवहार के साथ बहुत अन्याय है जब ज्यादातर बार क्रोम बनाने के लिए Google चाहता है कि Google मानक सिफारिशें धन्यवाद। –

+0

@ मार्कोस पेरेज़ गॉड: https://www.w3.org/TR/css3-background/#shadow-shape से (सुनिश्चित नहीं है कि आप पुराने ड्राफ्ट से क्यों जुड़ रहे हैं): "एक आंतरिक बॉक्स-छाया छाया को जन्म देती है जैसे कि पैडिंग किनारे के बाहर सबकुछ अपारदर्शी था। " इसका मतलब है कि कोई क्लिपिंग ("नॉकआउट") जो कुछ भी होनी चाहिए। इस उदाहरण में, इसका मतलब है कि फ़ायरफ़ॉक्स में दिखाए गए बॉक्स के निचले किनारे के पास दूसरा ढाल नहीं होना चाहिए - क्रोम में दिखाए गए अनुसार यह ठोस काला होना चाहिए। – BoltClock

उत्तर

0

मैं इस मुद्दे था और लंबे शोध के बाद मैं इतना हैक आसपास काम किया जाता है कोई सीधा जवाब मिला लक्षित करने के लिए था मूल्यों के साथ चारों ओर खेलकर -मोज़-बॉक्स-छाया उपसर्ग, जब तक मुझे इच्छित छाया नहीं मिलती, जब मैंने वेबसाइटों को विकसित किया तो मुझे लगता है कि फ़ायरफ़ॉक्स आपके द्वारा

का इरादा से अलग चीजों को अलग करता है
+0

क्या आप थोड़ा और विशिष्ट हो सकते हैं? आपका उत्तर एक टिप्पणी की तरह है जैसा कि यह है। –

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