# 横幅不透明度和禁用个人资料图片/头像

**URL:** <https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837>\
**Category:** UX\
**Created:** [2020年八月5日 00:31 UTC](https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837 "2020-08-05T00:31:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sudipd](https://avatars.discourse-cdn.com/v4/letter/s/46a35a/32.png) [@sudipd](https://meta.discourse.org/u/sudipd)\
**Post date:** [2020年八月5日 00:31 UTC](https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837/1 "2020-08-05T00:31:22Z")

</div>

你好，我们正在部署托管（SaaS）版的 Discourse。我想确认两点：

1. 是否有办法完全关闭个人资料图片/头像？我在设置中没有找到相关选项。

2. 横幅似乎带有非常轻微的透明度。我尝试了几种方法，但未能使其完全不透明。是否有办法实现这一点？

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2020年八月5日 00:42 UTC](https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837/2 "2020-08-05T00:42:18Z")

</div>

> [@sudipd](#):
>
> 有没有办法完全关闭头像？我在设置里没找到这个选项。

不，目前没有针对此的设置……通过自定义主题可以实现，但需要做一些工作，因为头像与布局的多个部分紧密相关。

> [@sudipd](#):
>
> 横幅似乎有非常轻微的透明度。

能否提供截图或更具体地说明是哪种横幅？Discourse 中有几种不同类型的横幅。

---

<div class="post-metadata">

**Author:** ![sudipd](https://avatars.discourse-cdn.com/v4/letter/s/46a35a/32.png) [@sudipd](https://meta.discourse.org/u/sudipd)\
**Post date:** [2020年八月5日 12:55 UTC](https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837/3 "2020-08-05T12:55:36Z")

</div>

你好，Kris，感谢你的回复。这是我们的横幅截图。如你所见，它带有一点透明度，背后的文字隐约可见。我们想知道如何让这个横幅完全不透明。

附注：我们使用的是“graceful”主题的定制版本。

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/3X/e/f/ef4c71759419c67ba16a07fed6a23f2c67f2e917_2_690x54.png)

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2020年八月6日 22:22 UTC](https://meta.discourse.org/t/banner-opacity-and-disabling-profile-pictures-avatars/159837/4 "2020-08-06T22:22:41Z")

</div>

太好了，这正是我需要的详细信息。

您需要添加一些自定义 CSS 来修复不透明度问题。最好将其添加到一个新的主题组件中（在“编辑 HTML/CSS \> CSS \> 通用”部分），然后将该主题组件添加到主主题中。这样，当主主题更新时，它不会被覆盖。

```css
.d-header {
  background: $header_background;
}

```

如果您需要帮助，这里有一些关于使用主题和主题组件的额外说明：[Beginner's guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)