html - 我怎样才能在CSS中制作不透明背景？

Question

当弹出窗口加载整个背景时，我为 facebook 创建了弹出窗口，颜色代码为#ccc；我也可以查看里面的内容。如何在 css 中做到这一点是我试过的代码。

#ptechsolfb {display:none;
background-color:#ccc transparent;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:999999999;
opacity: 1; } 

我该怎么做。任何人都将不胜感激。

Answer 1

仅使背景不透明的正确方法是应用 rgba 颜色:

background:rgba(204,204,204,0.5);

这相当于 #ccc 但半透明，因为它的 alpha 值为 0.5。

如果您更改整个 div 的 opacity 值，其内容也将变为半透明，这不是预期的行为。