मैंने पहले-छद्म तत्व के साथ 'हेडर' तत्व बनाया है। छद्म तत्व मूल तत्व के पीछे होना चाहिए। जब तक मैं अपना 'हेडर' जेड-इंडेक्स नहीं देता तब तक सबकुछ बढ़िया काम करता है।जेड-इंडेक्स पहले छद्म-तत्व
मैं क्या चाहता हूं: अग्रभूमि पर पीला 'हेडर', पृष्ठभूमि में लाल छद्म तत्व और पीले 'हेडर' तत्व पर 30 का एक साधारण जेड-इंडेक्स।
header {
background: yellow;
position:relative;
height: 100px;
width: 100px;
z-index:30; /*This is the problem*/
}
header::before {
content:"Hide you behind!";
background: red;
position:absolute;
height: 100px;
width: 100px;
top:25px;
left:25px;
z-index:-1;
}
आप इस लिंक (http://jsfiddle.net/tZKDy/) पर मेरी समस्या का परीक्षण कर सकते हैं और आप समस्या को देखने के लिए जब आप सेट/डी 'शीर्षक के तत्व पर z- सूचकांक को हटा दें।
"मैं क्या चाहता हूं: अग्रभूमि पर पीला 'हेडर', पृष्ठभूमि में लाल छद्म तत्व और पीले 'हेडर' तत्व पर 30 की एक सरल जेड-इंडेक्स।" ... "जब तक मैं जेड-इंडेक्स लागू नहीं करता हूं, तब तक यह सब कुछ तब तक बढ़िया काम करता है जब मैं जेड-इंडेक्स लागू करता हूं। जेड-इंडेक्स लागू होने पर क्या गलत होता है? – albert