右鍵移動背景圖片

-3

我正在開發一個項目，在其中我有一個遍佈整個頁面的背景圖片，並且在其左側有一個背景圖片，我有一個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;

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

圖片是不可見的，所以你可以添加自己的圖像，並檢查

來源

2015-06-19 Munish Gupta

請廣告完整URL圖像 – DCdaz

使用postimage.org鏈接，顯示image..and添加圖片網址.. – pcs

似乎在Firefox HTTP爲我工作：//的jsfiddle .net/dby4e86j/1/ –

你ç指定你想要背景的距離是多遠，如果這是有用的。

例如，如果你想要的形象是50像素從右邊，你可以使用：

background-position: center right 50px;

你也可以使用一個負值，以進一步將其移動到右像這樣：

background-position: center right -50px;

來源

2015-06-19 11:54:24

兄弟是天才。但正確的代碼會在右中心-50px ，因爲+ 50px會將圖像向左移動，在最右邊留下50px的空白區域問題解決人。 –

很高興工作。我更新了答案，以表明您可以在任一方向上抵消。 –

如果這有助於你解決你的問題，將不勝感激，如果你標記爲正確的答案。 –

右鍵移動背景圖片

回答

相關問題