Доброго времени суток!

Помогите найти хак повторяющегося градиента для хрома

2 из этих свойств и так прекрасно работают в хроме...

Хм, у меня картинка в хроме отличается от ожидаемой. В опере и мозиле она верная. Версия хрома 28.0.1500.72 m

Рисунок должен быть таким:

Это сообщение отредактировал(а) freeuserr - 28.7.2013, 03:57

Присоединённый файл ( Кол-во скачиваний: 5 )
 фон.png 99,55 Kb

Понятно...
Баг отрисовки наклона, судя по всему. Мелкие элементы сливаются, схлопываются, искажаются. У хрома со шрифтами тоже такая беда - белый текст на темно-сером фоне просто ужасен.
Вот это, например, нормально отображается и идентично с файрфоксом,  как минимум:


При наклоне в 0 градусов Ваш вариант нормально рисуется. При 130 в хроме только с разницей от 20 пикселей рисуется без искажений.

Кстати, роль играет только расстояние. "white 10px, #eee 15px" - это то же самое, что "white 0px, #eee 5px" или "white, #eee 5px"

Кстати, сейчас уже нет смысла в большинстве префиксов для этого свойства http://caniuse.com/css-repeating-gradients
А -ms-repeating-linear-gradient вообще никогда не существовало.

Можно ли в данном случае обойти схлопывание? Как?

Картинкой поставить...
Сделать градиент в файрфоксе, заскринить, и вырезать небольшую картинку, чтобы получится повторяющийся фоновый рисунок.

Не думаю, что это можно "обойти". Сделать повторяющийся градиент в хроме можно только через repeating-linear-gradient или устаревший с префиком -webkit-. Но у них у обоих тот же баг отрисовки.