पारदर्शी अग्रभूमि

Question

मैं div तत्व के लिए अग्रभूमि के रूप में अर्ध-पारदर्शी वर्दी परत जोड़ना चाहता हूं। उसे करने का सबसे अच्छा तरीका कौन सा है?

Answer 1

आप इस सीएसएस इस्तेमाल कर सकते हैं ...

div.parent { 
    position: relative; 
} 

/* this div is a descendent of the div above */ 
div.child { 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    opacity: .6; 
    background: #fff; 
} 

jsFiddle।

यदि आप माउस घटनाओं को से इस कवर में जाना चाहते हैं, pointer-events: nonediv.child पर जोड़ें।

आप इसे में चिह्नित jQuery, तो jQuery के माध्यम से इस बच्चे तत्व जोड़ने के लिए ...

$('div.parent').append('<div class="child" />');