如何叠加图像并仍然拥有响应式网站？

Question

我需要将一些图像叠加在一起并仍然保持响应式网站。 我已经成功地覆盖了所需的图像。但是当我缩小浏览器时，图像没有响应..这是因为我使用了绝对标签吗？

有什么想法吗？ This is the sample site

Answer 1

您必须将图像的实际宽度设置为百分比：

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}