如何使用CSS或JQuery仅显示图像的切片或某些部分？

Question

我将两个背景图像一个放在另一个上面，下面的图像（带问号的蓝色）将保持不变，但顶部背景图像（黄色图像）需要根据图像中所示的百分比进行设置，我试图通过使用CSS来解决这个问题，但无法获得确切的解决方案。有人可以帮我解决这个问题。提前谢谢。