Как в морском бое положить слои ровно друг под другом?

Question

[Руслан Дасаев]

Здравствуйте. Нужна ваша помощь по слоям.Как div с классом field__case наложить ровно на плитки, чтобы они полностью повторяли их размеры и пользователь мог нажимать на данные поля? https://codepen.io/ruslan149/pen/bGbzEGK

Answer 1

[OxCom]

.field__case:hover::before {
    content: '';
    display: block;
    background: #ffeb00;
    position: absolute;
    width: 100%;
    height: 100%;
    /* remove if not needed */
    transform: translate3d(0, -5px, 0);
    opacity: 0.3;
    cursor: pointer;
}

Вроде то, что спрашивают. Сохранение нажатия на поле можно имитировать добавлением класса .is-active, например.

Comments

[Руслан Дасаев]

Спасибо!!! Жаль нельзя 2 раза лайкнуть.