固定了灵活布局的背景位置

Fixed background position on flexible layout

本文关键字:背景 位置 布局      更新时间:2023-09-26

简而言之,我想要一个相对于灵活布局中元素的固定背景位置。

http://devwp.steveforest.com/

因此,如果您更改屏幕大小,背景将保持在左侧深灰色侧边栏的适当位置。如果您将浏览器设置为约1920px宽,则正确的位置是现在的位置。

到目前为止,我发现的唯一方法是在CSS中使用大量的"@media screen and(min-width:Xpx)",但这并不漂亮(在我的CSS中使用了很多行),而且非常流畅。

有更好的方法来实现这一点吗?我不介意使用javascript/jQuery。

我会亲自将背景图像切成两块。将右边的部分放在你的右边,并将其放在左边,将左边放在左边并将其放置在右边。