Question

我想将Div背景图像设置为div大小。我在谷歌的帮助下尝试了很多。但无法获得解决方案。

我的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;
}

但背景大小：100％在Chrome中无法正常工作，而且效果不佳。我有大小为65x85的div，我的图像大小比这更大。那么如何在这个div中拟合大图像或小图像？

Answer 1

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

Autofit Div背景图片

1 个答案: