响应图像定位在图像上

Question

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

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

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

猫的图像是我的背景图像，在浏览器调整大小时会调整大小。

球形图像完全位于猫的上方。如何让球图像调整大小并保持在我的默认位置？

Answer 1

将#counter div设置为display: inline;或添加包含display: inline;的包装，并将max-width设为#over，例如10%（ DEMO）：

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