在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链接。在这里它显示我的代码错误。 倾斜的页面如下图所示。 有人知道如何在 flipbook 中添加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中创建杂志，因为它更容易自动化。 虽然我刚刚通过他们的文档寻找这个（我知道它有效，我之前已经完成了）并且找不到它。