Div背景半透明,不是内容？

Question

我正在尝试制作一个半透明背景的div,但内容完全不透明.这就是我所拥有的:

#mydiv { 
 color: #FFFFFF;
 width: 900px;
 height: 140px;
 border: 0px;
 border-radius: 15px;
 background: #000000;
 opacity: .2;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

有没有办法用CSS做到这一点？

Answer 1

试试这个:

background-color: rgba(255, 0, 0, 0.2);

这里有一些关于的更多信息rgba().