在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中创建杂志的方式，因为它更容易自动化。虽然我只是检查了他们的文档，寻找这个(我知道它有效，我以前做过)，但找不到多少。