Mặt trước trong suốt

Question

Tôi muốn thêm lớp đồng nhất nửa trong suốt làm nền trước cho phần tử div. Cách tốt nhất để làm điều đó là gì?

Answer 1

Bạn có thể sử dụng CSS này ...

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.

Nếu bạn muốn sự kiện chuột để đi thông qua bìa này, hãy thêm pointer-events: none vào div.child.

Bạn tagged nó jQuery, vì vậy để thêm con yếu tố này qua jQuery ...

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