问题 响应图像定位在图像上


我已经设置了一个jsfiddle,我正在尝试做什么:

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

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

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

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


5355
2018-05-03 15:55


起源

尝试 position:fixed; 代替 - Andrew
好猫顺便说一句,+ 1。 - Freeman Lambda


答案:


设置你的 #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%;
}

14
2018-05-03 16:05



正是我要去的地方。您需要将绝对定位的元素放置在与猫图像保持相同大小的元素上。这是左侧位置调整: jsfiddle.net/isherwood/MgcDU/3939 - isherwood
Purrrfect,谢谢! - dclawson
完美解决方案,谢谢 - kumar kundan