Css 定位在图像上方的响应图像

我已经设置了一系列我要做的事情：

猫的图像是我的背景图像，它会随着浏览器的调整而调整大小

球图像绝对位于猫的上方。如何使球图像调整大小并保持在默认位置？

将您的

#计数器设置为
display:inline或使用
显示：inline添加包装器
并将
#over
的
最大宽度设置为例如
10%
（）：

尝试
位置：固定而不是我要去的地方。您需要绝对定位的元素相对于保持与cat图像相同大小的元素进行定位。这里是与左位置调整：从玩小提琴，似乎主要的区别是添加：url（'）；网址（'）；将display:inline和max width添加到第一小提琴上没有任何区别
#counter {
    position: relative;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
}

#counter {
    position: relative;
    display: inline;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
    max-width: 10%;
}