Как я могу сделать kinetic.js в полноэкранном режиме фона

Question

Я нашел этот удивительный .js, названный кинетическим.Я какое-то время возился с html, css и не могу установить контейнер на полный экран.

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

Я установил для всех родителей высоту 100%и попробовал полноэкранный jQuery.К сожалению, все еще не повезло.

Я спарил код настолько, насколько это возможно, для удобства чтения.Как вы можете видеть, я установил высоту всего в 400 пикселей, потому что иначе это просто сходит с ума.Если есть что-то еще, что я могу предложить в качестве поддержки, пожалуйста, не стесняйтесь спрашивать.

В качестве второго запроса у кого-нибудь будет идея, как установить границу внутри.Или убедитесь, что ширина хорошо вписывается в границы как есть?

Answer 1

Вы можете расположить ваш #wrapper div абсолютно и просто растянуть его во всех направлениях с помощью свойств top, right, bottom, left, например:

CSS

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

С помощью этого метода границы хорошо сочетаются с позиционированием, но если вы хотите разместить их внутри контейнера, вы можете установить стиль границы inset вместо solid.Кроме того, ваши кнопки управления исчезнут, поэтому, чтобы они появлялись перед вашим изображением, просто установите для них значение position:relative и присвойте им большой z-index, чтобы они отображались поверх всего остального.