固定了灵活布局的背景位置
Fixed background position on flexible layout
简而言之,我想要一个相对于灵活布局中元素的固定背景位置。
http://devwp.steveforest.com/
因此,如果您更改屏幕大小,背景将保持在左侧深灰色侧边栏的适当位置。如果您将浏览器设置为约1920px宽,则正确的位置是现在的位置。
到目前为止,我发现的唯一方法是在CSS中使用大量的"@media screen and(min-width:Xpx)",但这并不漂亮(在我的CSS中使用了很多行),而且非常流畅。
有更好的方法来实现这一点吗?我不介意使用javascript/jQuery。
我会亲自将背景图像切成两块。将右边的部分放在你的右边,并将其放在左边,将左边放在左边并将其放置在右边。
相关文章:
- jQuery-仅更改Y轴的CSS背景位置
- 仅为背景位置X轴制作动画
- 如何将CSS背景位置属性从百分比转换为像素
- 使用 jQuery 限制滚动时的垂直背景位置
- 视差/背景位置的特征检测
- 根据背景位置更改光标 URL
- 精灵图像的背景位置在 IE 中不起作用,用于倒计时时钟
- 如何在背景图像到达底部时停止背景位置更改
- IE10 背景位置 x 的解决方法
- 根据当前背景位置更改背景位置
- 在 Javascript 中获取 posX 和 posY 的背景位置
- 通过 javascript 通过增量修改 CSS 背景位置
- 用于更改背景位置的动态变量
- 背景位置:固定
- 滚动到页面底部时更改背景位置
- 更改其背景位置时,背景图像消失
- 使用 jquery 或 javaScript 更改背景位置的值
- 使用 jQuery 设置背景位置
- 根据鼠标移动将背景位置 x px 向左/向右移动(从背景位置:中心开始)
- 使用Javascript设置图像的背景位置