CSS 按钮的不透明度

Question

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

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

Answer 1

添加这个css属性


    opacity:0.2;  // change values as you like

Answer 2

有几种不同的方法可以将不透明度应用于按钮。这是其中之一。

.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);
}

CSS 按钮的不透明度

CSS Opacity for a button

html

css

opacity

web