将 CSS3 元素<li>缩放到另一个元素上

Question

你好，我的问题很简单，我有多个li元素，里面有一个图像和一个文本，但问题是当我在悬停时应用此代码进行缩放时：

.thumb > li a {
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #E5E6E9 #DFE0E4 #D0D1D5;
    display: block;
    margin: 2px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.thumb > li a:hover {
    border-color: #00C0FF;
    box-shadow: 0px 0px 7px #00C0FF;
    text-decoration: none;
    outline: medium none;
    transition: all 0.3s ease 0s;
    transform: scale(1.1);
}

它覆盖了以前的li元素，所以一些边界不会正确显示，所以我想知道是否有可能纠正它

谢谢。

Answer 1

将其添加到.thumb>li a:hover（背景用于变得不透明）：

.thumb > li a:hover{
    background-color: white;
    z-index: 1;
}

小提琴在这里。