Question

系统：Linux Mint 编辑：Atom（由GitHub撰写）浏览器：适用于Linux的Google Chrome（43.0）

问题：为了在我的代码的CSS部分中设置类biobox的div，我试图通过使用background-color获得半透明背景：rgb（0,0,0,0.5）。这导致根本没有背景。如果我删除0.5（alpha / transparency.opacity值），我会得到一个应用于div的不透明黑色背景。可能导致这种情况的原因是什么？

h1 {
  font-famiy: Verdana;
  color: #090956;
}
.biobox {
  font-family: cursive;
  background-color: rgb(0, 0, 0, 0.3);
  color: #090956;
  margin: 20px;
  padding: 20px;
}
body {
  background: url('bg.jpg') no-repeat center center fixed;
  -webkit-backgound-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 <h1>This is Big Header</h1>

<div class="biobox">
  <p>This is a subtitle to the header!</p>
</div>

<p>More bio crap!</p>

Answer 1

您需要使用rgba(0, 0, 0, 0.3);代替rgb(0, 0, 0, 0.3);

CSS / HTML：应用于背景颜色的Alpha设置使其消失

1 个答案: