Question

我正在开发PSD到Wordpress，并面临着将背景图像与颜色过度对齐的问题，或者反过来。

在桌面上一切都很好但在移动设备上背景图片变小（我使用fatal: [110.110.112.139]: FAILED! => { "failed": true, "msg": "Unexpected failure during module execution.", "stdout": "" }）。颜色过于保持不变，这会破坏小型设备上的所有内容。

出了什么问题？

background-size: 100%;

.section-bg-image1 {
  padding: 100px 0px 300px 0px;
  background: url("http://localhost/wordpress/wp-content/uploads/2017/09/section_image2.png") no-repeat left bottom;
  position: relative;
  background-size: 100%;
}

.layer {
  background-color: rgba(226, 258, 62, 0.53);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Answer 1

做宽度而不是背景尺寸。并尝试最大宽度100％。我无法提供更多帮助，因为这段代码有限且只有CSS。你能提供一些HTML吗？

想要使背景图像和颜色都过于敏感

1 个答案: