Question

我有this jsFiddle。当任何一个块悬停时，它会扩展（通过用填充替换它的边距）并得到一个盒子阴影，而其余的块通过jQuery变成半透明。

没有一个元素具有已定义的背景，因此默认情况下它会变为白色，并且每个块内部都是一个大部分为白色的图像。但是，正如您所看到的，悬停块box-shadow不均匀：它取决于它是否超过白色bg（图像）或未定义 bg（其余部分）块，它们之间的空间）。

将div.block s的背景设置为白色solved part of the problem，即整个块上的阴影是相同的;但是我似乎无法对块之间的空间做任何事情。

jQuery是否也应该对悬停块的父容器执行某些操作？使用rgba代替不透明度会有帮助吗？

Answer 1

我不完全确定我理解你的问题，但建立你的第二个小提琴，我相信添加这个css 帮助使阴影看起来更好（see fiddle），我认为解决了您所指的问题：

div.block.expanded {
    position: relative;
    z-index: 2;
}

Answer 2

怎么样：