html - 不透明度不适用于标题 div

Question

小提琴

我正在尝试制作 div #top opacity: 50%，因此当您滚动时，它会在其下方显示网页的褪色部分。但是，当我运行它时，它不会显示不透明度。它仍然显示坚固。

CSS：

#top {
  width: 100%;
  height: 40px;
  background: #96f226;
  text-align: center;
  font-size: 30px;
  color: #252525;
  position: relative;
  position: fixed;
  opacity: 50%;
}

HTML：

<div id='top'>Cuisine List</div>

Answer 1

opacity取 0 到 1 之间的小数，如下所示：

opacity: 0.5;

有关详细信息，请参阅 MDN。

还，

• 你似乎有两个positions - 你应该删除第一个

• 要position: fixed工作，您必须至少指定一个位置，例如：

  top: 0px;
  

  这会将其固定在顶部。

固定小提琴