Question

嗨大家我使用这个类将响应式图像作为div的背景，它运行良好，并且响应迅速。我唯一的问题是图像没有完全显示，我的意思是它是一个大图像，它是居中的，一切都是正确的，除了我看不到图像的顶部和底部，我可以添加什么完全看到这个大图像并保持响应行为？

.bg {
  background-image:url("image local url");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

Answer 1

您必须将实际的img标记与正确的图像放在一起并用css隐藏它。像这样：

img {
   width: 100%;
   visibility: hidden;
}

使用此方法，实际的img会将容器的大小调整为适当的内容，以便它始终适合图像，您将获得背景图像的质量。如果有效，请告诉我

将图像设置为背景

1 个答案: