网站如何在页面底部创建一个水平栏

Question

我访问了一些网站，当我滚动半页时，一个100-150px高度的半透明水平列出现在页面底部，左边是图像，右边是一些消息，链接。

我该如何创建它？

Answer 1

使用Chrome，单击CTRL-SHIFT I，然后单击左下角的放大镜以检查元素。这是了解他们如何在您正在查看的网站上进行此操作的最佳方式。

在IE中，F12为您提供了开发人员工具，其中箭头选择器工具执行相同的工作。在Firefox中，使用Firebug。

然后只需复制他们的HTML。如有必要，也可以使用Javascript。

Answer 2

它只是一个css规则。

#footer {
  position: fixed;
  bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}

Answer 3

使用类似于以下样式的元素：

#footer {
  opacity: 0.7;
  position: fixed;
  bottom: 0;
  height: 50px;
  width: 100%;
  background-color: #330000;
}

然后按照自己的意愿将内容放入其中。