css - 位于图像上方的响应式图像

Question

我已经设置了我正在尝试做的事情的 jsfiddle：

http://jsfiddle.net/MgcDU/3936/

#counter {
    position: relative;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
}

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

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

Answer 1

将您的#counterdiv 设置为display: inline;或添加一个包装器display: inline;并将其设置max-width为#over例如10%（DEMO）：

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