如何制作半透明背景？

178

我需要使50％的白色背景透明而不影响其他任何内容。我该怎么做？

css

— 利索瓦卡罗
source

这里是文章的链接，该文章描述了使用CSS实现透明性的方法。domedia.org/oveklykken/css-transparency.php请注意，尽管跨浏览器支持可能是一个问题，但可能会导致您更改实现。

— 2011年

您是说如何在不影响嵌套元素的情况下为div背景设置不透明度吗？

— 奔

— danicotra

请参阅：stackoverflow.com/questions/806000/...

— danicotra

317

用途rgba()：

.transparent {
  background-color: rgba(255,255,255,0.5);
}

这将使您具有50％的不透明度，而盒子中的内容将继续具有100％的不透明度。

如果使用opacity:0.5，则内容和背景将褪色。因此不要使用它。

— 塔伦
source

是的，IE支持rgba，其语法为#ARGB并写为filter：progid：DXImageTransform.Microsoft.gradient（startColorstr =＃AARRGGBBAA，endColorstr =＃AARRGGBBAA）; 它基本上是静态颜色的渐变，但具有透明度。

— 塔伦（Tarun）

变化background:与background-color:

— Gabrielizalo

background-color不比正确background。

— 肖恩

@Sean那么，是否更具体，更能揭示意图？我个人比较喜欢在这种情况下使用它，但是有没有一个不是很好的选择的原因呢？

— Dave Slutzkin

@DaveSlutzkin拥有它是一个很好的偏好，它没有任何问题，但是不应根据个人偏好进行编辑。否则，当具有相反偏好的人遇到它们时，问题将在不同版本之间不断波动。

— 肖恩