CSS不透明度背景颜色和文本无效

Question

我正在为firefox操作系统制作应用程序,我想让按钮背景不透明度为0.5,文本不透明度为1 ......但它没有用...检查css:

.button{
height:40px;
width:180px;
border-radius: 100px 100px 100px 100px;
border: 1px solid #FF9924;
display:inline-block;
background-color:#FF9924;
padding-top:5px;
opacity:0.5;
}


h1{
    padding: 5px 5px 5px 5px;
    text-align:center;
    font-size:20px;
    font-family: firstone;
    opacity:1.0;
}

在页面上:

<div class="menu">
    <div class="button"><h1>Start the fight</h1></div>
</div>

Answer 1

你应该读一下rgba

这是语法:

 .button {
      background-color: rgba(255, 153, 36, 0.5)
 }

这是一个Hex-to-RGB颜色转换器