opacity
由于opacity会使得整个背景颜色以及文字变淡，并不是想要的效果，因此pass，以及他不能设置opacity>1，不符合期望
button:active{
opacity: 0.5;
}
利用rgba
这个方法就非常好了，给元素添加一个伪元素，设置蒙版
代码如下：
button:active::before {
display: block;
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 5%)
}
