固定灵活布局的背景位置

Question

简而言之，我希望相对于灵活布局上的元素具有固定的背景位置。

http://devwp.steveforest.com/

因此，如果更改屏幕尺寸，背景仍然可以很好地定位到左侧的深灰色侧边栏。如果您将浏览器设置为~1920px宽，那么正确的位置就是现在。

我到目前为止找到的唯一方法是在CSS中使用大量的“@media屏幕和（min-width：Xpx）”，但这并不漂亮（并且在我的CSS中使用了很多行）并且非常流畅。

有没有更好的方法来实现这一目标？我不介意使用javascript / jQuery。

Answer 1

我个人会将背景图片分成两部分。将右侧部件放在右侧并将其放置在左侧，将左侧放置在左侧并将其放置在右侧。