| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Повторяющийся градиент хак для хрома |
| Автор: freeuserr 27.7.2013, 20:20 | ||
| Доброго времени суток! Помогите найти хак повторяющегося градиента для хрома
|
| Автор: Arantir 27.7.2013, 20:42 |
| 2 из этих свойств и так прекрасно работают в хроме... |
| Автор: freeuserr 28.7.2013, 03:46 |
| Хм, у меня картинка в хроме отличается от ожидаемой. В опере и мозиле она верная. Версия хрома 28.0.1500.72 m Рисунок должен быть таким: |
| Автор: Arantir 28.7.2013, 04:24 | ||
| Понятно... Баг отрисовки наклона, судя по всему. Мелкие элементы сливаются, схлопываются, искажаются. У хрома со шрифтами тоже такая беда - белый текст на темно-сером фоне просто ужасен. Вот это, например, нормально отображается и идентично с файрфоксом, как минимум:
При наклоне в 0 градусов Ваш вариант нормально рисуется. При 130 в хроме только с разницей от 20 пикселей рисуется без искажений. Кстати, роль играет только расстояние. "white 10px, #eee 15px" - это то же самое, что "white 0px, #eee 5px" или "white, #eee 5px" Кстати, сейчас уже нет смысла в большинстве префиксов для этого свойства http://caniuse.com/css-repeating-gradients А -ms-repeating-linear-gradient вообще никогда не существовало. |
| Автор: freeuserr 28.7.2013, 15:22 |
| Можно ли в данном случае обойти схлопывание? Как? |
| Автор: Arantir 28.7.2013, 18:13 |
| Картинкой поставить... Сделать градиент в файрфоксе, заскринить, и вырезать небольшую картинку, чтобы получится повторяющийся фоновый рисунок. Не думаю, что это можно "обойти". Сделать повторяющийся градиент в хроме можно только через repeating-linear-gradient или устаревший с префиком -webkit-. Но у них у обоих тот же баг отрисовки. |