如何显示 GitBook 标题？

Question

在 GitBook 中，默认情况下将鼠标悬停在标题上时会显示标题。

我要显示标题。我检查元素，

<div class="book-header" role="navigation">
    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >Preface</a>
    </h1>
</div>

和相关的CSS是，

.book-header h1 a, .book-header h1 a:hover {
    color: inherit;
    text-decoration: none;
}

我添加以下CSS,

.book-header h1 a {
    display: block !important;
}

但是没用。

更新：

我按照@ED Wu的回答，在CSS,

中添加了如下代码

.book-header h1 {
    opacity: 1;
}

标题出现了。但是，当我在添加 opacity:1 后单击 三（无操作）时，左侧边栏没有显示。一个例子是 here.

Answer 1

试试这个！更多关于 color: inherit here。如果它也不起作用，您可以使用其他属性，例如 z-index、opacity 和 position。谢谢:)

.book-header h1 a, .book-header h1 a:hover {
    display: block !important;
    color: #000 !important;
    text-decoration: none;
}

<div class="book-header" role="navigation">
    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >Preface</a>
    </h1>
</div>

Answer 2

因为 .book-header h1 不透明度为 0.

尝试将此添加到您的 css。

.book-header h1 {
   opacity:1!important;
}

如何显示 GitBook 标题？

How do I show GitBook title?

html

css

gitbook