这怎么可能,而保持是响应式的?这可能吗?我指的是这样的网站 - http://www.behance.net/gallery/Home-Caf-Project/8907125 - 看看咖啡豆如何覆盖图像的两个部分和顶部。那样的东西..这怎么可能?无论分辨率如何,它如何保持固定以及如何缩小?当它扩展到某个 res 时,也许它只是被 CSS 隐藏了?
任何帮助,将不胜感激。
谢谢!
这怎么可能,而保持是响应式的?这可能吗?我指的是这样的网站 - http://www.behance.net/gallery/Home-Caf-Project/8907125 - 看看咖啡豆如何覆盖图像的两个部分和顶部。那样的东西..这怎么可能?无论分辨率如何,它如何保持固定以及如何缩小?当它扩展到某个 res 时,也许它只是被 CSS 隐藏了?
任何帮助,将不胜感激。
谢谢!
您可以通过为您想要放在顶部的图像分配更高的 z-index 值来实现此目的。要保持它固定,您必须将位置更改为绝对位置。
像这样的东西:http: //jsbin.com/arolem/1/
此外,如果您想让它保持响应,请将图像的宽度设置为父容器的百分比,这样当父容器缩小时,其中的图像也会如此。