2

我想在默认主题中为 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 中有类似的东西吗？

4

1 回答 1

3

...好的，我发现问题出在哪里。与 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 开发人员可能想要考虑这个实现。

于 2013-07-24T14:07:47.053 回答