HTML таблица в качестве фона?

Question

Я использовал таблицу html для создания анимаций сотовых автоматов и хотел бы, чтобы эти анимации использовались в качестве фона веб-страницы. Можно ли сделать таблицу фоном страницы?

Answer 1

Да, это определенно возможно. То, что вы хотите сделать, это заполнить страницу таблицей, установив ее абсолютное положение, переместив ее в верхний левый угол, а значения ширины / высоты на 100%:

#your-table {
    position: absolute;

    /* Force table into the top right corner */
    top: 0px;
    left: 0px;

    /* Expand table out into the rest of the window */
    width: 100%;
    height: 100%;
}

Если вы установите pointer-events в «none», большинство браузеров не позволяют менять курсор, когда пользователь наводит курсор на содержимое. Существует также user-select, который можно использовать для отключения выделения текста с выделением . Поэтому я предлагаю добавить следующие CSS правила к вашей фоновой таблице, чтобы она больше походила на фон:

/* Disable pointer events */
pointer-events: none;

/* Disable text selection highlighting */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                              supported by Chrome, Opera and Firefox */

Удачи в вашем проекте!

Answer 2

Хотя вы, безусловно, можете размещать элементы над своей таблицей, вы не можете использовать таблицу так же, как фоновое изображение. Было бы полезно, если бы вы предоставили пример того, что у вас есть сейчас и чего вы пытаетесь достичь.