Проблема с background?

Question

[Ivan Ivanovich]

Здравствуйте. Решил сделать хедер с применением изображения (640x360). Задаю картинку заднем фоном - не работает.

Подскажите пожалуйста, как сделать так, чтобы эта картинка была полностью растянута по ширине и примерно 300 пикселей в длину. Т.е. сделать её "резиновой".

Код: https://jsfiddle.net/e6mcz0d2/1/

Comments

[Ernest Faizullin]

так все таки растянута по ширине или 300 пикселей в длину?

[Ivan Ivanovich]

Ernest Faizullin, В длину полностью на весь экран, а в ширину 300px

[Martovitskiy]

Ivan Ivanovich, width - ширина, height - высота

[Ernest Faizullin]

Ivan Ivanovich, чем отличается длина от ширины?)

[ⓒⓢⓢ]

Ernest Faizullin, правильно, - слово "длина" ничем не отличается, поэтому и путаница
"длина-высоты\длина-ширины"

300 пикселей в длину?

в длину чего? - высоты? - а почему не ширины?

Answer 1

[FabiBoom]

https://jsfiddle.net/ktoqf5wr/1/ ?

Comments

[Ivan Ivanovich]

Спасибо!

Answer 2

[LaraLover]

Background-position: cover(contain) ?

Comments

[Ivan Ivanovich]

Почему я не могу задать её задним фоном?

[LaraLover]

Добавьте для класса logo - display:block;