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;

See MDN for more information

此外，

你似乎有两个position - 你应该删除第一个
要使position: fixed生效，您必须至少指定一个位置，例如：
```
top: 0px;
```
将它固定在顶部。

fixed fiddle

不透明度不适用于标题div

1 个答案: