Html 如何获取背景大小：悬停时缩放的封面

以下是我的代码：

.thumbha{
宽度：350px；
高度：350px；
背景位置：上中；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
边缘底部：20px；
右边距：20px；
浮动：左；
位置：相对位置；
z指数：1；
}   
奥姆布拉先生{
背景图片：url(http://www.lovatotribe.com/test/wp-content/themes/ggi1/media/img/ombra.png);
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
z指数：-1
}

试试看

并将动画添加到.thumba以实现平滑缩放

.thumba { 
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}

---

您可以将scale设置为所需的任何值

您必须添加一个额外的CSS元素，如下所示：

.thumbha:hover {
background-size:150%;
}   

将150%的值更改为适合您的值。

.thumbha:hover{背景大小：300px 300px；}
拇指姑娘{
宽度：350px；
高度：350px；
背景位置：上中；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
边缘底部：20px；
右边距：20px；
浮动：左；
位置：相对位置；
z指数：1；
}   
奥姆布拉先生{
背景图片：url(http://www.lovatotribe.com/test/wp-content/themes/ggi1/media/img/ombra.png);
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
z指数：-1
}

这不是我想要改变的：/I我只想缩放背景，而不是整个div。因此，如果您有设置高度和宽度的div，您可以设置div位置：relative，背景为图像，位置：absolute，内容也为position:relative和z-index:2以浏览图像，然后拇指A：悬停img{transform:scale(1.2)}

.thumbha:hover {
background-size:150%;
}