响应的背景图像

Question

我目前正在开发一个涉及背景图片的项目，该项目需要专门与容器div中的元素相关联。

链接是：http://idearevolution.ca/clients/jab/

我遇到的挑战是，当我调整屏幕大小时，绿色圆圈不会留在那个人身后。我遇到的问题是响应式背景图像过去必须使用包含区域内的元素，但我从未对我的解决方案感到满意。

我尝试的最后一件事是使用Sass运行循环，添加媒体查询以每10-20像素更新一次位置。我不喜欢这个解决方案，因为它产生的代码膨胀。

我想知道是否有人之前遇到过这个问题，如果是的话，你如何解决它？我尝试了一些事情，但我对任何解决方案都不满意。

任何帮助都会很棒。

谢谢， 安德鲁

Answer 1

语义可以最好地解决这个问题。

使用图像的语义是：

  

如果图片未添加到网站的内容和说明，   不要使用图像。

所以，实际上，这张图片看起来应该只是设计的一部分。 因此，请使用Multiple Backgrounds的CSS3功能。