Leaderboard

Не обязательно белый. Хоть какой то ему нужен, даже transparent.

Обратите внимание, какое сейчас год, и не верстайте под IE7 и IE8, а потратьте это время на изучение чего то нового.

Это нормальный код? https://jsfiddle.net/192xsgqg/1/

ESC - show/hide

https://github.com/dinbror/blazy

vw (viewport width) — 1 процент от ширины окна браузера; vh (viewport height) — 1 процент от высоты окна браузера; http://caniuse.com/#search=vw

Ну почему же ?! var Game = function(options) { this.options = options ? options : {}; this.options = { level: this.options.level || 1, };};

Вы не передали объект конструктору, а стало быть options === undefined. Попытка чтения свойства у undefined приводит к ошибке, так как undefined не объект и никаких свойств иметь не может. Чтобы ошибки не было, можно: - передать в конструктор пустой объект, или сделать как показали выше. - совершать присваивание с помощью try-catch - использовать jQuery.extend() или свою функцию - использовать возможности es6 — Object.assign() или параметры по умолчанию Нормальным путем будет применение одного из последних двух пунктов)

Так происходит потому что идёт обращение к свойствам несуществующего объекта. Копируй options во внутреннюю переменную вот так. this.options = options ? options : {}; И соответственно при обращении к this.options твой код будет работать.

Накодил вот для практики такую вот штуку. http://jsfiddle.net/Andrey7287/7og3qybh/7/show/ При запуске без аргументов создаёт поле 20x20 в body страницы. Доступны параметры. { elem: 'id', // id элемента-контейнера (string) rows: '20, // кол-во строк (number) cells: 20, // кол-во столбцов (number) level: 3 // стартовый уровень (number > 0)} Прошу оценить понятность и адекватность кода. upd: http://jsfiddle.net/Andrey7287/7og3qybh/8/show/

Codewars, по мне так лучшее место.

https://jsfiddle.net/Narek_T/Ly9mLfv4/3/

Все верно, не ругайтесь и не думайте что автор чего-то непонятного хочет. Проверила пример, в мозиле реально inset не работает, а везде работает. И с префиксом тоже не работает. И в другой песочнице тоже не работает. Пока подумаю..

Забаньте его, он флудит

Через ширину можно так сделать.

Вы в итоге разобрались с контекстами наложения? Просто вроде все понятно, но все равно какой то сумбур в голове. Надеюсь пройдет со временем и опытом. За статью спасибо - полезная, наверное одна из лучших на русском языке Спасибо за интерес - да, более-менее разобрался. Ссылку на тему думал давать или нет, но решил всё же дать, хотя я и не уверен что стоит вникать во все написанные там рассуждения, но может что-то окажется полезным... Основная идея такая: если Вы хотите чтоб что-то одно перекрывало что-то другое, то они должны находится в одном контексте наложения (по-умолчанию присутствует только один контекст наложения - корневой). Поэтому если Вам нужно поднять какой-то позиционированный элемент выше остальных, Вы просто назначаете этому элементу z-index и всё. Основная трудность возникает тогда, когда нам нужно чтоб дочерний элемент оказался ниже родительского, в случае если родительский уже участвует в наложении по z-плоскости, поскольку все его дочернии элементы будут выше него и прямого способа расположить какой-либо из них ниже я не знаю. Поэтому задачу нужно свести, так или иначе, к добавлению z-index'ов различным дочерним элементам. Тогда, участвуя в одном контексте наложения, они позиционируются в одной z-плоскости, в соответствии со своими значениями. Если же у родителя нет подходящего дочернего элемента, которому бы он мог "доверить" перекрытие другого дочернего элемента, то можно использовать, например, псевдоэлемент, которому назначаются все необходимые свойства, например блочный статус, размер равный размеру родителя и так далее, и присваивается нужный z-index. Псевдоэлемент будет иметь статус дочернего по отношению к своему родительскому элементу и сможет участвовать в позиционировании на z-плоскости, на ряду с другими дочерними элементами.