在div中，如何使背景透明，而不是轮廓？

Question

标题说明了一切，我希望背景为50％不透明度，轮廓不透明。

div
{
opacity:0.5;
Border:1px solid #000000;
background-color:#000000;
}

感谢任何帮助。

Answer 1

使用rgba

a是背景的不透明度...可以是0到1,0是不可见的，1是完全可见的..

div {
   background-color: rgba(0,0,0,.5);
   border: 1px solid black;
}

Answer 2

设置opacity将自动设置与该类相关的任何内容，包括大纲甚至子节点。

您可以使用rgba()制作半透明的背景色。

像这样：

background-color:#000000; //fall-back for old browsers that don't support rgba
background-color: rgba(0,0,0,0.5); //set background color. red=0, green=0, blue=0, alpha=0.5

http://css-tricks.com/rgba-browser-support/