我已经设置了一个jsfiddle,我正在尝试做什么:
http://jsfiddle.net/MgcDU/3936/
#counter {
position: relative;
}
#over {
position:absolute;
left:33%;
top:43%;
}
猫的图像是我的背景图像,随着浏览器调整大小而调整大小。
球图像绝对位于猫的上方。如何让球图像调整大小并保持在我的默认位置?
我已经设置了一个jsfiddle,我正在尝试做什么:
http://jsfiddle.net/MgcDU/3936/
#counter {
position: relative;
}
#over {
position:absolute;
left:33%;
top:43%;
}
猫的图像是我的背景图像,随着浏览器调整大小而调整大小。
球图像绝对位于猫的上方。如何让球图像调整大小并保持在我的默认位置?
设置你的 #counter
div to display: inline;
或添加包装 display: inline;
并设置 max-width
的 #over
例如 10%
(DEMO):
#counter {
position: relative;
display: inline;
}
#over {
position:absolute;
left:33%;
top:43%;
max-width: 10%;
}