html - 通过 CSS 并排创建重叠 block /放置 block 。 (Drupal)

Question

网站领域的新手(2 个月)，因此不确定这是否可以在 CSS 中完成，已经将近一个星期在谷歌上找不到任何东西，因此我想我在这里试试运气。

我正在尝试做的是一 block 图像，另一 block 出现在侧面，与图像重叠。

例如:http://aperia.com.sg/

但是，我只希望像一个 block 一样出现在每个带有图像的 block 中，而不是像 aperia 网站所示的那么多。当然，该网站似乎是一个运行脚本的静态 HTML 网站(如果我错了请纠正我)。这个或类似的东西可以通过 CSS 完成吗？ (不需要动画，只需重叠即可。)

任何提示、代码示例或什至包含解决此问题的教程的网站链接都将不胜感激。谢谢。

Answer 1

您必须调整 z-index你的元素。另请参阅链接网站上的注释:

Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

可以找到一个例子here .