背景图像宽度

Question

这是我的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属性中设置的任何东西都不起作用.框架后面的头像每次都有原始尺寸.

Answer 1

您无法将图像集调整为容器的背景.调整图像大小的唯一方法是使用img标记并使用width和height css属性调整其大小.

看看这里可能会有所帮助.