CSS Opacity for a button

Question

我有一个HTML按钮，我必须为它添加不透明度。我想用CSS来做到这一点。这是我现有的按钮CSS代码：

.btn_nav{
position:fixed;
width:100%;
height:68px;
background-color:#323232;
border-bottom:2px solid #777777;
}

Answer 1

将不透明度应用于按钮的方法很少。这是其中之一。

.btn_nav{
    position:fixed;
    width:100%;
    height:68px;
    background-color:#323232;
    border-bottom:2px solid #777777;
    /*Below are two new line which enable opacity*/
    opacity: 0.9;
    filter: alpha(opacity=90);
}

Answer 2

添加此css属性

    opacity:0.2;  // change values as you like