Защо се повтаря линейния градиент?

Question

Страница с iframes, респ. iframes header e:

, а 
                                .head {
                float:left;
                height:15%;
                width:100%
 Правя линеен градиент в преливане в сиво: 
                                 background: linear-gradient(180deg,#9D9D9D,#ECECEC);

НО... в долната част тъмното сиво ми се повтаря като линия. Как да НЕ СЕ повтаря градиента? Има ли начин да му се укаже да обхваща цялата височина на iframe - тези 15%?

Борис Митев · Accepted Answer

По принцип градиента заема целия елемент и не би трябвало да има такива проблеми. Пробвай със следните стилове да го наместиш, както трябва:

background-size: 100% 100%; background-repeat: no-repeat;

background-size: 100% 100%;
background-repeat: no-repeat;

Георги Димитров · Answer

Коригирах го ръчно с настройки на % на iframe, но ще пробвам с предложеното.
Имам и още един въпрос - но след като мина линковете.

Защо се повтаря линейния градиент?

Вашият отговор