如何在基础4中制作叠加div

Question

有时当您检查网站时，您可以找到悬挂在另一个div（或图像）上方的半透明div。就像在体育网站上一样，他们在一张图片上放置了一组运动得分。

我是否也可以使用Foundation 4实现这一目标？

这个例子看起来就像JS组件Orbit的底部，在那里你可以看到一个带有单词的半黑色div，同时能够看到图片。

http://foundation.zurb.com/docs/components/orbit.html

Answer 1

您可以使用css中的相对和绝对定位来实现此效果。这是一个例子：

http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex

使div透明检查：

Transparent background on DIV