css – 位于图像上的响应图像

前端之家收集整理的这篇文章主要介绍了css – 位于图像上的响应图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经设置了一个jsfiddle,我正在尝试做什么:

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

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

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

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

解决方法

将#counter div设置为display:inline;或者添加一个带有display:inline的包装器;并将#over的最大宽度设置为例如10%( DEMO):
#counter {
    position: relative;
    display: inline;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
    max-width: 10%;
}

猜你在找的CSS相关文章