Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将背景图像向右移动_Html_Css - Fatal编程技术网

Html 将背景图像向右移动

Html 将背景图像向右移动,html,css,Html,Css,我正在做一个项目,在这个项目中,我在页面上有一个背景图像,在它的左半部分,我有一个div,其中有很多内容和一个滑块 这是一个女孩的形象 背景图像位于body标记中,我们无法将其移动到其他标记。 现在的问题是,由于滑块的内容,背景图像从左侧被切成两半。现在我们看不到女孩的脸,只有她的身体 我必须把图像移到右边,这样我们才能看到她的脸 我试图从图像中裁剪出可用空间,但没有帮助,我们无法移动滑块内容 图像大小:5MB 决议:2710*4072 试图做正确的事 右边距 背景位置:右 但我无法将图像向右移

我正在做一个项目,在这个项目中,我在页面上有一个背景图像,在它的左半部分,我有一个div,其中有很多内容和一个滑块

这是一个女孩的形象

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

图像大小: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;
示例代码:


图像不可见,因此您可以添加自己的图像并选中

如果有用,您可以指定背景离右侧的距离

例如,如果您希望图像从右侧开始为50px,则可以使用:

background-position: center right 50px;
也可以使用负值将其进一步向右移动,如下所示:

background-position: center right -50px;

请为你的图像添加完整的url使用postimage.org链接显示图像..并添加图像url..在firefox@DCdaz saina G.L.P中似乎对我有用:谢谢大家的帮助,但我从Pythonic那里得到了正确的代码。你因为缺少图像url而被人们投票否决。兄弟,你是天才。但正确的代码应该是中间偏右-50px,因为+50px会将图像向左移动,在极右的问题解决人上留下50px的空白。很高兴它成功了。我更新了答案,以表明您可以在任何方向进行补偿。如果这有助于您解决问题,请将此标记为正确答案,我们将不胜感激。