透明な前景

Question

div要素の前景として半透明の均一なレイヤーを追加したいとします。それをする最善の方法は何ですか？あなたはこのCSSを使用することができ

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。

マウスイベントをからに変更したい場合は、div.childにpointer-events: noneを追加してください。

あなたはとてもjQueryを介して、この子要素を追加し、それをjQueryのタグ付け...

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