我正在使用div元素使用背景网址渲染图片。
问题发生在我的用户上传他们的图像时，他们的脸部摆在顶部，他们的脸部在div元素上渲染时被切断。我也试过使用顶级中心，但它会影响其他用户上传他们的图像，使他们的脸部处于中心位置。
你能不能给我一个解决方案，一个人的整个形象应该在没有拉伸的情况下显示在div元素上，即使他们的脸部位于顶部，中间或底部。那会很棒，谢谢。
我的代码示例：
background: rgba(0,0,0,0.7) url(/image_vhpf1m.jpg) no-repeat center center;
background-size: cover;
答案 0 :(得分：0)
以下是添加动画的所有示例。
.a4{background-image:
url('http://vignette3.wikia.nocookie.net/halofanon/images/4/46/Snowfall.png/revision/latest?cb=20100703100537');
background-repeat:no-repeat;
background-size:100% auto;
width:50%;height:100px;margin-left:50%;
box-shadow:5px 4px 16px mediumpurple;}
左侧的图像只是一个设置为原始大小的img标记。
右边的那些有他们的BG属性。 单击它们以查看调整大小时会发生什么。 链路