设置背景透明度并且不影响文本内部

这个问题在这里已经有了答案：

CSS不透明只是背景颜色而不是文字？ [复制] 11个回答

---

在背景上使用rgba并在其中设置不透明度，因为它不会影响不透明度等孩子。

#titlebackground {
  background-color: rgba(51,51,51,.5);
}
#title {
  font-family: Consolas, monaco, monospace;
  text-align: center;
  font-size: 9em;
  font-weight: 900;
  color: white;
  /*margin-top: -20%;*/
  display: inline-block;
}
#titlelocation {
  position: relative;
}

<div id="titlelocation">
  <div id="titlebackground">
    <span id="title">My title</span>
  </div>
</div>

链接地址: http://www.djcxy.com/p/89345.html

上一篇: Setting background transparency and not effecting text inside

下一篇: How to set opacity to the background color of a div?