javascript - 如何使kinetic.js全屏背景 View

Question

我发现了这个很棒的.js，叫做kinetic。我已经搞乱了 html、css 一段时间了，无法将容器设置为全屏。

http://designobvio.us/v4design/demo.html

我已将所有父级设置为 100% 高度并尝试了全屏 jQuery。不幸的是仍然没有运气。

为了可读性，我尽可能地将代码配对。正如你所看到的，我将高度设置为 400px，否则它会变得疯狂。如果我还可以提供任何其他支持，请随时询问。

作为第二个请求，任何人都知道如何将边框设置为内部。或者确保宽度与边框完美契合？

Answer 1

您可以绝对定位您的#wrapper div，然后使用top、right、bottom、left属性将其向各个方向拉伸(stretch)，如下所示:

CSS

#wrapper {
    border: 5px solid #000000;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

使用此方法，边框可以很好地配合定位，但如果您想将它们放置在容器内，您可以将边框样式设置为 inset 而不是 solid。此外，您的控制按钮将会消失，因此要使它们弹出在图像前面，只需将它们设置为 position:relative 并给它们一个大的 z-index，以便它们出现在最重要的是。