css - 在较小的屏幕上移动背景图像的裁剪区域

Question

有没有办法在屏幕缩小时更改裁剪背景图像的哪一部分？我希望图像的最左侧是屏幕尺寸的背景:(最大宽度:767px)和(最小宽度:480px)，(最大宽度:767px)和(最小宽度:480px)。

在全尺寸屏幕上，文本不会与她的脸重叠(她有点偏离中心)，但当屏幕尺寸较小时，它会被裁剪(到图像的中心)以将她的脸显示为背景因此文字越过了她的脸。网址:http://tinyurl.com/onf333b

Answer 1

你快到了。只需更换

#wwm { 
background:url(../images/photos/meghasmiling.jpg) no-repeat center -1px fixed
}

与

#wwm { 
background:url(../images/photos/meghasmiling.jpg) no-repeat left -1px fixed
}