使用CSS将（背景）图像放置在网站内容旁边

我正在建立一个网站，看起来就像桌子上的报纸。我想在报纸的右边放一个图像咖啡杯，这样就产生了一种错觉，背景是一张桌子，而不是一些奇怪的木头纹理。咖啡杯无法创建水平滚动条，因为它实际上并不重要。 我曾尝试在主容器旁边使用绝对定位div（居中），但这会创建一个水平滚动条。 我也试着给身体标签以咖啡图像为背景，并把它放在右上角，但是我的报纸放在上面，看起来很奇怪

有没有办法用CSS实现这一点？

---

如果没有，我准备使用JS（jQuery），但这显然不是我的第一个选择。

我会把咖啡杯的图像剪下来，这样你就只需要你需要的东西了。这也会减小图像的大小，从而更好地提高加载速度

---

如果做不到这一点，请在父容器上使用

溢出：隐藏
我在轻度模糊的帮助下找到了一个解决方案：我制作了一个宽度和高度均为100%的div，并使包含咖啡杯的背景图像的宽度为咖啡杯宽度的两倍（400px）+报纸的宽度+一点边距，这样杯子就不会碰到报纸。除了杯子，整个图像是透明的。
我将此图像设置为新创建的div的背景图像并将其居中。这样，它相对于报纸总是处于相同的位置。因为它是PNG图像，所以将其放大（1900px）不是问题。
父容器是body标签。从咖啡杯图像上剪下一些东西不是解决办法。如果有人以低屏幕分辨率访问该网站，图像仍会位于报纸下方。然后将其放入另一个容器中，并使其跨越整个窗口宽度。是的，这是可能的，但当窗口太小时，它仍会导致咖啡杯掉到报纸下方投票对我的努力很有好处；）另外，如果这是答案，就这样标记。完成：）我今天不能将这标记为答案，必须等到明天