javascript - 在 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 脚本的链接不是 https，并且我不允许插入 http 链接。在这里它显示了代码中的错误。倾斜的页面如下图所示。有人知道如何在bg-color该翻书上添加一个吗？我会感谢任何评论。

Answer 1

您可以在页面中添加另一个指定背景颜色的类：

<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>
...

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