如何将图像放在覆盖几个div的内容之上,并将其固定在那里?

时间:2013-06-11 20:19:31

标签: html css wordpress

这怎么可能,同时保持响应?这有可能吗?我指的是这样的网站 - http://www.behance.net/gallery/Home-Caf-Project/8907125 - 看咖啡豆它是如何覆盖两个部分并覆盖图像的。那样的东西......怎么可能?无论分辨率如何,它如何保持固定?它如何缩小?也许当它扩展到某个res时它只是用CSS隐藏了?

任何帮助都将不胜感激。

谢谢!

2 个答案:

答案 0 :(得分:0)

您可以通过为顶部所需的图像指定更高的z-index值来实现此目的。为了保持固定,你必须将位置改为绝对。

像这样:http://jsbin.com/arolem/1/

答案 1 :(得分:0)

如果你想保持它的响应性,那么将图像的宽度设置为父容器的百分比,这样当父容器缩小时,其中的图像也是如此。