Есть один классный сайт -> https://www.dpsoftware.org/fpc.php Верхняя панель у него выполнена через какую-то растянутую, дублирующуюся, двухцветную гифку на фоне, размером 17x26 пикселей. Примерно такая же штука распространяется на кнопки. А потом кнопки, явно через CSS, при наведении мыши желтеют. Фон у кнопок остаётся тем же. Решил повторить. Сделал кнопки, скачал с сайта эту фоновую гифку, сделал так:
.newmenubutton {
flex-direction: column;
text-align: center;
background-image: url(bgheader_nero_chiaro.gif);
color: white;
margin-right: 1px;
transition-duration: 0.5s;
}
Получилась хрень - чтобы покрыть кнопки полностью, браузер дублирует задний фон по вертикали. Добавлением background-repeat: no-repeat; это не лечится(и явно не должно). Как правильно растягивать вот такие фоны?
Перемещено Dimez из general
