如何显示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的回答，并将以下代码添加到CSS中，

.book-header h1 {
    opacity: 1;
}

标题确实出现了。但是，当我在添加三后单击opacity:1 (没有操作)时，左边的侧边栏没有显示。这里就是一个例子。

​

​

Answer 1

因为..book头h1的不透明度是0。

尝试将此添加到您的css中。

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

Answer 2

尝尝这个!更多关于color: inherit 这里的报道。如果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>

​