Question

我想在默认主题中为gnome-shell面板添加一个阴影。我已编辑"/usr/share/gnome-shell/theme/gnome-shell.css"并成功删除了背景颜色（atl + f2 + r以应用）。我还添加了一个像这样的box-shadow属性：

#panel {
    background-color: transparent;
    font-weight: bold;
    height: 1.86em;
    box-shadow: 0px 3px 10px black;
}

...如果应用于html页面中的div，会给我我期望的结果。不幸的是，gnome-shell似乎忽略了它。在gnome-shell中有类似的东西吗？

Answer 1

...好吧，我发现了问题所在。不像HTML，阴影alpha也受面板背景alpha的影响。因此，透明背景面板上的黑色阴影（alpha = 1）将导致透明（因此看不见）阴影。所以通过设置

background-color: rgba(0,0,0,0.5);
font-weight: bold;
height: 1.86em;
box-shadow: 0px 3px 10px rgba(0,0,0,0.5);

它会产生0.25 alpha阴影（0.5 * 0.5 = 0.25）。这就是为什么上面我的问题的box-shadow效果没有显示出来的原因。如上所述，这是一种与HTML不同的行为，透明背景div不会影响其盒阴影效果。也许在这里路过的一些gnome-shell开发人员可能想要考虑这个实现。