-moz-линейный градиент

Question

Может ли кто-нибудь объяснить мне, что означает эта часть кода?

repeat scroll 0 0 #F6F6F6;

Я много гуглил и нашел только синтаксис к этой части

-moz-linear-gradient(center top , #FFFFFF, #EFEFEF)

Мой код:

background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;

Спасибо!

Answer 1

На самом деле это часть CSS-свойства background , а не -moz-linear-gradient. Посмотрите на эту ссылку, она должна объяснить.

В основном:

• repeat: фон повторяется!
• scroll: при прокрутке страницы фон также прокручивается
• 0 0: говорит: «запусти фон с этой точки на изображении».

Все дополнительные элементы, вероятно, излишни - они кажутся такими же, как по умолчанию.

Answer 2

Это дополнительные опции для background: css.

repeat повторяет изображение (хотя -moz-linear-Gradient не поддерживает повторение).

scroll (в отличие от fixed) позволяет фону "прокручиваться"

0 0 - координаты x и y для размещения левого верхнего угла изображения.

#F6F6F6 is a background color

Answer 3

background: <image> <repetition> [scroll] <pos-x> <pos-y> <color>;

• Изображение может быть как URL-адресом изображения (), так и в некоторых браузерах, градиентным объектом.
• повторение может быть без повторения, повторять-х, повторять-у или повторять (оба) и означает, как повторить изображение, если оно не заполняет фон.
• если установлена ​​прокрутка, фон останется фиксированным на экране и не будет следовать за текстом при прокрутке.
• pos-x и pos-y определяют смещение фона.
• цвет означает цвет, который использовался, если значение изображения было недопустимым.