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

Question

Fiddle

我正在尝试使 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;

See MDN for more information .

此外，

• 您似乎有两个位置 - 您应该删除第一个

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

  top: 0px;
  

  这会将其锚定到顶部。

fixed fiddle