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

【问题标题】：In div, how do I make the background transparent, but not the outline?在 div 中，如何使背景透明，而不是轮廓？
【发布时间】：2014-01-11 03:30:06
【问题描述】：

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

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

感谢任何帮助。

【问题讨论】：

看到这个问题：stackoverflow.com/questions/13559188/…

标签： css html transparency opacity

【解决方案1】：

使用 rgba

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

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

【讨论】：

太可爱了！非常感谢。

【解决方案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/

【讨论】：