在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/