У меня есть код ниже, демонстрирующий, что background-repeat-x/y по какой-то причине не работает в FireFox. Это просто удаляет эти стили (но не так, как будто они неправильные + они где-то не переопределены). Когда я пытаюсь объединить эти стили в одном (background), это также бросается в глаза. Может понять, почему это происходит. Не нашли ничего похожего.
background-repeat-x/y
background
.myDiv { height: 200px; background-image: url(https://user-images.githubusercontent.com/37912316/38108463-2d5980dc-3395-11e8-948a-d7fd97647f86.png); background-repeat-x: no-repeat; background-repeat-y: repeat; }
<html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="myDiv"> <p>Some text</p> </div> </body> </html>
Используйте background-repeat: repeat-y; вместо.
background-repeat: repeat-y;
background-repeat-x: no-repeat; background-repeat-y: repeat;
Не найдено в документации.