css - 背景图片宽度

这是我的 HTML:

<div id="user-avatar"><img src="/imgs/frame.png" alt=""/></div>

user-avatar 类如下:

#user-avatar {
     width: 100px;
     height: 100px;
     margin: auto;
     position: relative;
     background: url(images/avatars/128.jpg) 50% 50% no-repeat;
}

框架:

#user-avatar img {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 122px;
     height: 127px;
     margin-top: -62px;
     margin-left: -63px;
}

原始 user-avatar 背景图像尺寸为 23x25，但我希望将其调整为 100x100px，问题是我在 width: xxx 属性中设置的任何内容都不起作用。框架后面的化身每次都有他的原始尺寸。

最佳答案

您无法调整设置为容器背景的图像的大小。调整图像大小的唯一方法是使用 img 标签并使用宽度和高度 css 属性调整其大小。

看看 here 可能有帮助。

关于css - 背景图片宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8401186/