pomoc responzivní img

[Huzy 11]

Ahooj, potřeboval bych poradit, jak udělat responzivní obrázek, který má být přes monitor 50% široký a 100% vysoký.

#left-content {width: 50%; height: 100%; margin: 0; padding: 0; border: 0; float: left; position: fixed; background-repeat: no-repeat; background-image: url(images/bg.png); background-position: center;}

Napadlo mě udělat height: auto; ale to bohužel nefunguje - obrázek se nezobrazí.

[Fakerko_ 190]

Však to co jsi zde napsal, mi funguje. 

 

//EDIT

#left-content {width: 50%; height: 100%; margin: 0; padding: 0; border: 0; float: left; position: fixed; background-size: cover; background-repeat: no-repeat; background-image: url(images/bg.jpg);

Edited 2. Srpen, 2016 by Petr Hnátek

[Huzy 11]

Děkuju mooc, chlape!