Question

我正在开展一个项目，在这个项目中我在整个页面上都有一个背景图像，在左半部分我有一个div，里面有很多内容和一个滑块。

图像是一个女孩。

背景图片位于正文标记中，我们无法将其移动到其他标记。现在问题是由于滑块内容，背景图像从左侧切成两半。现在我们看不到女孩的脸，只有她的身体我必须将图像向右移动，这样我们才能看到她的脸我试图从图像中裁剪可用空间，但这没有帮助，我们无法移动滑块内容。

图片大小：5MB 决议：2710 * 4072 试图做边际权利填充右背景位置：右但是我无法将图像向右移动一英寸

background-color: #ffffff;
background-image: url('/2014/12/Profile-Background-image.jpg');
background-repeat: no-repeat;
background-position: center right;
background-attachment: fixed;
line-height: 1;

示例代码：http://jsfiddle.net/gmunish/dby4e86j/

图片不可见，因此您可以添加自己的图片并检查

Answer 1

如果有用，你可以指定你想要背景的距离。

例如，如果您希望图像为的50px ，则可以使用右侧：

background-position: center right 50px;

您还可以使用负值将进一步移动到右侧，如下所示：

background-position: center right -50px;

正确移动背景图像

1 个答案: