Как задать размер background-color?

Question

[hellcaster]

Как задать background-color размер? CodePen. Нужно что бы размер заднего фона был 100% и 299px и он отступал от верха на 19рх. Как такое сделать без background-image?

Comments

[Сергей delphinpro]

Я правильно вас понял — вы хотите задать размер цвету??

[hellcaster]

Сергей delphinpro, Да!

[Сергей delphinpro]

На самом деле я вас понял ))
Но без bgi никак
Используйте градиент

background-image: linear-gradient(to bottom, transparent, 19px transparent, 19px red,  299px red, 299px transparent, transparent)

или

background-image: linear-gradient(to bottom, red,  red);
background-size: 100% 299px;
background-position: 0 19px;

Насчет второго примера не уверен, но вроде правильно.

[Александр]

Victor Muryn, размер можно задать только сущностям, цвет фона - это параметр у сущности.

[Александр]

Сергей delphinpro, а чего б просто не подложить div нужного цвета с нужным margin?

[Сергей delphinpro]

Александр, можно и див (тогда уж лучше &::before), но я бы обошелся свойствами бекграунда.

[Варлам Ерофеич]

Примеры работы с фоном на основе шаблона автора.
Я не совсем понял, у какого дива отсекать цвет, поэтому сделал две отсечки транспарентом в разных местах в качестве примера. Способ отсечки прост. Нужно лишь, чтобы у транспарента и соседствующего с ним цвета был одинаковый процент.

background: linear-gradient(transparent 3%, rgba(240,197,46,.5) 3%, #fd8 60%, transparent 60%);

Answer 1

[Александр]

Положите div куда и как Вам надо, а ему уже задайте цвет фона.

Comments

[hellcaster]

(в хедере) как я положу туде див? Только через z-index и position absolute

[hellcaster]

Думаете это единственный вариант?

[Александр]

Victor Muryn, не единственный.

[lamer350]

Victor Muryn, ну размер и отступы как для image точно не зададите.