我目前正在设置一个我正在创建的小游戏：
我正在使用turn.js创建图书效果。
现在我希望书籍的内容在书籍关闭时不可见 - ＆gt;封面应与页面背景具有相同的背景。
当封面打开时应该显示出来。
这对于颜色很容易，但我希望将图片作为背景。
理想情况下，此行<div class="hard"> Cover </div>应忽略内容图层，并直接将背景显示为背景。
我知道这可以通过剪切区域的背景图像和此div的大小来完成，然后将其添加为背景或通过执行一些jquery函数来隐藏内容，同时封面已关闭但我正在寻找这里只有css解决方案。
这可能与css有关吗？
修改 现在我通过简单地将相同的背景图像放到具有一些偏移量的div中来实现我想要的效果：
现在的问题是：我希望在一个页面上有多个“翻书”，是否会导致一些问题，这样一个相当庞大的图像被加载和使用多次，或者这不重要？
答案 0 :(得分：1)
如果您想隐藏封面上的文字或隐藏任何页面上的文字，请尝试this，只需使用否定文字缩进
#hard {
background: #2b2b2b;
text-indent:-9999px;
}