Почему не растягивается фоновое изображение?

Question

[rootnoroot]

понять не могу
хочу растянуть изображение, что бы заполнить блок header в любом разрешении

header{
   background: #CCC url(./img/banner.png) top center no-repeat;
   background-size: auto 100%;
   overflow-y: hidden;
   position: relative;
}

Пробовал и cover
к низу не растягивает

Comments

[Ankhena]

Пожалуйста, сделайте песочницу с видимой проблемой на codepen.io и позовите

[Вадим]

Можно только гадать. Откуда нам знать что там у вас за изображение? Может это Png с прозрачностью снизу и по факту оно как раз таки растягивается на 100%. Просто нижняя часть это прозрачность..

[rootnoroot]

Вадим, Спасибо!
так и есть
с фигмы картинка экспортнулась с прозрачным фоном, не заметил

Answer 1

[Вадим]

Автор экспортировал изображение с прозрачностью снизу. По факту изображение растягивается как положено. Просто нижняя часть это как раз прозрачность.