按钮的 CSS 不透明度答案

【问题标题】：CSS Opacity for a button按钮的 CSS 不透明度
【发布时间】：2015-09-20 04:59:26
【问题描述】：

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

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

【问题讨论】：

您是否有问题，或者您只是需要我们为您提供链接？：developer.mozilla.org/en-US/docs/Web/CSS/opacity
我看到你在这方面投入了大量的研究工作......
我怀疑，事实上，你不想要不透明度，你想要透明的背景颜色。

标签： html css web opacity

【解决方案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);
}

【讨论】：

【解决方案2】：

添加这个css属性

不透明度：0.2； // 根据需要更改值

【讨论】：