# 为简易页脚添加徽标

**URL:** <https://meta.discourse.org/t/add-logo-to-easy-footer/162532>\
**Category:** Support\
**Created:** [2020年八月31日 09:24 UTC](https://meta.discourse.org/t/add-logo-to-easy-footer/162532 "2020-08-31T09:24:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Papararchy01](https://avatars.discourse-cdn.com/v4/letter/p/8e8cbc/32.png) [@Papararchy01](https://meta.discourse.org/u/Papararchy01)\
**Post date:** [2020年八月31日 09:24 UTC](https://meta.discourse.org/t/add-logo-to-easy-footer/162532/1 "2020-08-31T09:24:10Z")

</div>

您好，我想用 SVG 格式的 Logo 替换简易页脚中的标题和简介。请问最简单的方法是什么？我能否在组件 HTML 中添加一个 div 来放置 Logo？如果可以，应该应用什么 ID 和类名？

---

<div class="post-metadata">

**Author:** ![chrismalone](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chrismalone/32/506946_2.png) [@chrismalone](https://meta.discourse.org/u/chrismalone)\
**Post date:** [2021年三月26日 21:50 UTC](https://meta.discourse.org/t/add-logo-to-easy-footer/162532/2 "2021-03-26T21:50:48Z")

</div>

我一直在寻找如何实现这个功能，偶然看到了你的帖子。

这是我最终采用的方法：我将徽标设置为标题区域的背景图像。

我添加了以下 CSS：

> ```
> .first-box .heading {
> background-image: url("https://www.mineralrightsforum.com/uploads/default/original/2X/a/a4c0c10f2863d0cbff835af77d11fb0edfeaf0cc.png");
> background-size:100%;
> background-repeat:no-repeat;
> min-height: 50px;
> }
> 
> ```

我不得不在标题中添加一个“.”，因为只有在存在文本时才会生成该 div。

这是我们最终的效果：

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/4/348b96bcc1929f9f21b75c43ca187251e8fa5785.jpeg)

我们对结果很满意。