html - 将背景图像放置在屏幕的右半部分

Question

我试图将背景图像放置在屏幕的右侧，以便在中等屏幕上可以看到一半，而在大屏幕上可以看到整个图像(图像不应缩放)。问题是似乎无法将背景的左侧定位在宽度未知的 div 的中心。

而且我不能使用 img 标签，因为它会导致水平滚动条。

编辑:似乎没有办法按照我想要的方式定位背景，至少在背景位置上是这样。您可以通过编写 background-position: top 50px left 100px 从任一侧偏移背景，但是您不能对位置 center 执行相同的操作。我想知道为什么。

Answer 1

您是否尝试过像这样设置背景大小和背景位置:

background-position: 100% 0;
background-size:50%;

您可以在这里进行测试:https://jsfiddle.net/dL2u6co7/