javascript - Autofit Div背景图片

我想将Div背景图像设置为适合div大小。我从Google帮助中进行了很多尝试。但无法获得解决方案。

我的div属性如下

userPic.style.width = "65px";
userPic.style.height = "85px";
userPic.style.position = "absolute";
userPic.style.left = "10px";
userPic.style.top = "10px";
userPic.style.borderRadius = '4em';

现在我正在设置如下的背景图像

userPic.style.background = "url('"+employee.profilepic+"') no-repeat";
userPic.className = "profilePic";

我设置如下的profilepic类

.profilePic
{
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    margin:auto;
}

但是background-size：100％在chrome中无法正常工作，而且效果也不理想。我的div尺寸为65x85，并且我的图片尺寸大于此尺寸。那么如何在这个div中适应大图或小图呢？

最佳答案

我会尝试background-size: cover;看看是否能达到您想要的效果。

关于javascript - Autofit Div背景图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31384836/

userpic

javascript - Autofit Div背景图片