jquery - 更改不透明度和背景时的箱形阴影不一致

Question

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

没有一个元素有定义的背景，所以默认情况下它是白色的，每个块内都是一个大部分是白色的图像。但是，正如您所看到的，悬停的块box-shadow并不统一：它取决于它是在白色背景（图像）还是未定义的背景（其余块，它们之间的空间）之上。

将s的背景设置为div.block白色解决了部分问题，即整个块的阴影是相同的；但是我似乎对块之间的空间无能为力。

jQuery 是否也应该对悬停块的父容器做些什么？使用 rgba 代替 opacity 会有帮助吗？

score 1 · Accepted Answer

我不完全确定我理解你的问题，但是在你的第二个小提琴的基础上，我相信添加这个 css有助于使阴影看起来更好（见 fiddle），我认为这可以解决你所指的问题：

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

score 0 · Accepted Answer

0

这个怎么样：

于 2012-07-24T18:08:55.777 回答

2 回答 2