CSS悬停转换/转换背景色标

Question

我希望元素的背景颜色发生变化，并且元素在悬停时会略微增长。

我遇到的问题是背景颜色是在悬停时应用的，但它并没有覆盖所有放大的div（在悬停时使用缩放转换）。

请参阅附件中的图片和代码。

较浅的背景应与左侧的虚线边框齐平。

有什么想法吗？

#recent-posts li {
transition: all .1s;
-webkit-transition: all .1s;
-moz-transition: all .1s;
transform-origin:center bottom;
-webkit-transform-origin:center bottom;
-moz-transform-origin:center bottom;
}

#recent-posts li:hover {
transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
background-color: rgba(0, 0, 0, 0.00);
}  

Answer 1

您的背景颜色的alpha值为0.

这使它完全透明，因此无需显示背景..

看起来您希望悬停颜色与容器的背景相同。在这种情况下，您应该将容器的颜色设置为:hover的{​​{1}}颜色。