Gnome-shell 面板阴影

【问题标题】：Gnome-shell panel shadowGnome-shell 面板阴影
【发布时间】：2013-07-24 12:22:06
【问题描述】：

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

【问题讨论】：

标签： css gnome-shell

【解决方案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 开发人员可能会考虑这个实现。

【讨论】：