] इस घटना के पीछे के कारण को समझने के लिए, चलो css में अपारदर्शिता की अवधारणा में तल्लीन करते हैं। दिए गए उदाहरण में, सेमी-ट्रांसल्यूसेंट बॉक्स के लिए सीएसएस अपारदर्शिता को 0.5 के रूप में परिभाषित करता है, यह दर्शाता है कि प्रत्येक परत में 50% पारदर्शिता होती है।

जब लाल पृष्ठभूमि वाली परत को नीले रंग की पृष्ठभूमि के ऊपर रखा जाता है, तो आंख नीचे की परत से 50% नीले रंग का संयोजन और शीर्ष परत से 25% लाल रंग का विचार करती है। ऐसा इसलिए है क्योंकि शीर्ष परत की 50% पारदर्शिता नीचे की परत के रंग के आधे हिस्से को दिखाने की अनुमति देती है। अनुपात में इस बदलाव के परिणामस्वरूप एक अलग कथित रंग होता है। प्रदान किए गए उदाहरण में, यह निम्नानुसार अपारदर्शिता मानों को समायोजित करके प्राप्त किया जा सकता है:

आंतरिक परत के लिए (ठोस रंग युक्त): अपारदर्शिता: 0.25; 0.333;

इन समायोजन के साथ, दोनों परतों में एक ही 25% रंग की ताकत होगी, जिसके परिणामस्वरूप एक ही कथित रंग होता है, चाहे वे जिस क्रम में स्टैक्ड हों, उसकी परवाह किए बिना।