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

Question

标题说明了一切，我想要背景为50％的不透明度和轮廓不透明。

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

任何帮助表示赞赏。

Answer 1

使用RGBA

的一个是背景的透明度......它可以是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/