在 TurnJS 中添加背景颜色

Question

我遇到了以前从未遇到过的问题，甚至谷歌搜索也无济于事。我有来自脚本 TurnJS 官方页面的基本代码，这是我遇到的问题。

<div id="flipbook">
<div class="hard"> Turn.js </div>
<div class="hard"></div>
<div> Page 1 </div>
<div> Page 2 </div>
<div> Page 3 </div>
<div> Page 4 </div>
<div class="hard"></div>
<div class="hard"></div>

这可以正常工作，但背景是透明的，因此当您在页面上有任何文本时，它会自行覆盖，因此您无法正确阅读文本。

当我添加

#flipbook div{
    background: white;
}

它不知何故坏了。悬停时页面倾斜等。我无法插入 jsfiddle 示例，因为 turnjs 脚本的 link 不是 https，而且我不允许插入 http links。在这里它显示了代码错误。倾斜的页面如下图所示。有人知道如何向 动画书 添加 bg-color 吗？我会 aprreciate 任何意见。

Answer 1

您可以在您的网页中添加另一个 class 来指定背景颜色：

<div id="flipbook">
<div class="hard"> Turn.js </div>
<div class="hard"></div>
<div class="pageStyle"> Page 1 </div>
<div class="pageStyle"> Page 2 </div>
<div class="pageStyle"> Page 3 </div>
...

然后在 class 中指定您需要的所有内容。另一种方法是为每个页面加载背景图像。这通常是在 TurnJS 中创建杂志的方式，因为它更容易自动化。虽然我只是浏览了他们的文档来寻找这个（我知道它有效，我以前做过）但找不到太多关于它的信息。

在 TurnJS 中添加背景颜色

Adding background color in TurnJS

html

javascript

css

turnjs