我已经设置了一个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%;
}