2011-10-04 32 views
5

div öğesi için yarı saydam üniform bir katmanı ön plan olarak eklemek isterim. Bunu yapmanın en iyi yolu nedir? Bu CSS kullanabilirsinizŞeffaf ön plan

cevap

6

...

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.

fare olaylar, bu kapak sayesinde gitmek div.child için pointer-events: none eklemek istiyorsanız. alfa (opaklık = 60) `için I.E.:

Çok

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

' filtre ... jQuery ile bu çocuk eleman eklemek için, o jQuery etiketlendi 8 ve altı. – Jasper

+0

Ben de böyle yaparım. Metin seçimi gibi şeylere ihtiyacınız varsa veya olayları yakalamak istiyorsanız birkaç çemberden atlamak zorunda olduğunuzu unutmayın. –

+2

@gregp: Ben buna dahil etmek için cevabı güncelledim. Teşekkürler. – alex

İlgili konular