CSS背景大小的盖子和背景位置(CSS background-size cover and back

HTML：

 #backgroundproduct { position: fixed; top: 5%; left: 5%; width: 90%; height: 90%; z-index: 12; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top; } 

 <div id="backgroundproduct" style="background-image: url(http://example.com/example.jpg)"> 

我使用一个图像作为背景图像，只有图像的下部比前更重要。

我怎样才能使背景上去了一点？

Answer 1:

如果底部是比较重要的： background-position: bottom;

background-position还允许百分比值： 0% 0%; 默认情况下。

第一个值是在水平位置和第二值是垂直。 左上角是0％，0％。 右下角为100％，100％。 如果你只给出一个值，另一个值将是50％。

你应该尝试background-position: 0% -10%;

Answer 2:

您可以使用：

background-position: center bottom;

Answer 3:

仅仅是明确的，背景位置百分比计算针对两个图像和背景容器。 所以，背景位置：25％25％; 会发现X和Y两个25％点的背景容器上和调整图像的25％，在这一点上的前25％点。

文章来源: CSS background-size cover and background-position