Создайте клетчатый фон с помощью CSS ⇐ CSS

[Anonymous]

Почему нельзя создать клетчатый фон, используя что-то вроде этого?

Код: Выделить всё

background-color:#ccc;
background-image:linear-gradient(90deg, transparent 50%, #aaa 50%),
linear-gradient(90deg, #aaa 50%, #ccc 50%);
background-size:50px 50px,50px 50px;
background-position:0 0, 0 25px;

Идея состоит в том, чтобы наложить чередующиеся цвета на нижнюю часть полосатого квадрата. Не работает, но вроде должно.

Подробнее здесь: https://stackoverflow.com/questions/272 ... -using-css