タッチ/クリックでdivに暗い影を(前の要素として)追加し、効果が完了したら削除します。
最初のクリックは問題ないように見えますが、その後のクリックでは、効果がどんどん暗くなります (完全な黒になるまで)。
まるでビフォアが何層にも重なっているような
これまでに見つけた唯一の解決策は、div の表示プロパティを「display: block」として設定することでしたが、これにはレイアウトのやり直しが必要でした。他の提案はありますか？
ハイライトを設定するために使用しているクラスは次のとおりです
.myDivCls:before
{
background-repeat: no-repeat;
background-size: 100% 100%;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: .3;
background-color: rgb(0,0,0);
}
そして彼女はそれを取り除くためのものです：
.noEffectCls:before {
content: '';
background-color: transparent;
background-image: none;
position: static;
border-radius: 0;
background-size: auto auto;
background-repeat: repeat;
background-position: 0% 0%;
-webkit-background-size: auto auto;
}
ありがとう！