Как перевести фон, используя -moz-repeating-linear-Gradient в -webkit (конкретный пример)

Question

Я сделал этот фон в Firefox, но не могу скопировать его в webkit / chrome (я пробовал несколько альтернатив, но ничего):

background: -moz-repeating-linear-gradient(0deg, gray, transparent 1px, transparent 5px) repeat scroll 0 0 white;

Какой будет правильный перевод? Можно ли добиться такой же картины? (или, по крайней мере, очень близкий).

Спасибо!

Answer 1

О! Это было в документации! :

http://www.webkit.org/blog/175/introducing-css-gradients/

Если вы хотите добиться таких эффектов, как Черепица вертикального градиента с использованием узкая полоса, вы должны указать размер фона, чтобы дать градиент плитка явного размера.

Так было исправлено добавление:

background-size: 10px;

Gecko и Webkit действуют по-разному в этом вопросе: хотя Gecko будет корректировать размер фона автоматически, если вы укажете шаги градиента в «px», webkit будет (возможно) вычислять% на основе установленной вами меры «px».

Я не уверен, что мой английский правильный, но это идея ...

Answer 2

-webkit-repeating-greadient(...):)

Поддерживается ночными играми Chrome и Webkit.