центр кошечка? в jsFiddle?

Question

http://jsfiddle.net/TurtleWolf/P7xKm/

Все, что я пытаюсь сделать, - это центрировать / растягивать изображение независимо от размера монитора, чтобы оно всегда заполняло фон полным изображением.Не больше или меньше полной горизонтали этого изображения ... Есть предложения?

Answer 1

img {
    width:cover;
}

Это то, что я начал использовать недавно

Answer 2

Если вы хотите растянуть изображение, чтобы полностью заполнить фон, то:

img {
    width:100%;
    height:100%;
}

должен это сделать.

Answer 3

Это заполнит горизонталь:

<div id=container>
    <img src="http://placekitten.com/g/200/300" style="width: 100%;"/>
</div>

Fiddle Link: http://jsfiddle.net/YSnDa/

Если вы также хотите, чтобы растягивалось по вертикали (было не ясно, если это то, что вы хотели, какну, вы также можете добавить определение высоты:

height: 100%;

В идеале вы должны извлечь это из класса, чтобы отделить ваш HTML / CSS:

<style>
    .bg_image {
      width: 100%;
    }
</style>

И затем применить класск вашему изображению:

<img src="http://placekitten.com/g/200/300" class="bg_image" />    

Answer 4

http://jsfiddle.net/P7xKm/2/

выравнивание текста: по центру