Javascript 如何创建一个类似于apple'；s的网站？

在我的iPhone上查看苹果网站时，它有非常酷的透明导航菜单栏。我想知道这是怎么做的。

---

如果您想查看影响网站外观的代码：

下载、安装并打开谷歌浏览器

访问您要检查的网站

在要检查的图元上单击鼠标右键

查看html标记和css样式的元素 您可以在html中重新创建类似Apple的导航栏：

<nav>
    <div class="navicon">
      &#9776;
    </div>
    <div class="logo">
      <img src="yourimagesource.com/image.jpg" />
    </div>
</nav

关键点是，对于这样的透明度，可以使用rgba颜色（a值小于1）创建透明背景

您还可以声明

opacity:0.6但是，这可能会产生一些不必要的副作用（导航中的图像/链接的不透明度也将为0.6）

这里有一个
这不是一个真正的问题。很抱歉，Stella，StackOverflow不是这样设计的。问题应该更具体。。。这句话的大意是“我试过了，它不起作用，我得到了这个错误，当我期待这个结果的时候”。不是“这很酷，我该怎么做？”@JonP好的，现在我下次会知道的。谢谢，谢谢。事实上，我更感兴趣的是菜单中的列表是如何产生滑动效果的。更新的答案是关于如何探索这类事情背后的代码的信息。
nav {
  height: 2.55556em;
  margin: 0 auto 1em;
  background: rgba(0,0,0,0.6);
  font-size: 18px;
}

.navicon {
  color: #FFF;
  font-size: 1.5em;
  padding:0 0.25em;
}