缩放CSS3<；李>；元素在另一元素之上

您好，我的问题很简单，我有多个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元素，因此一些边框无法正确显示，因此我想知道是否可以更正它

---

谢谢。

将此添加到

.thumb>li a:hover

（背景用于变得不透明）：

---

.

根据上下文，CSS可以做很多事情，Federik。请提供最小的html标记，以便重新创建您的问题。使用SO代码片段工具plunkr或JSFIDLE。这是一个示例，不是这种缩放，而是用于查看2个图像重叠

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