Responsive image background over fold
4 naročniki
4 naročniki
Rad bi naredil en page, kjer bo neodvisno od širine zaslona over fold en container in pa bolj pomembno, ozadje s fotko, ki se bo prilagajala širini zaslona.
Ko bo user poscrolal navzdol, pa bi bilo normalno ozadje (brez tiste fotke, ki bo vidna na 'prvem ekranu'). Vedno pa mora biti over fold v ozadju fotka.
Kako se imenuje ta tehnika? Hvala.
5 odgovorov
CSS stil, če si to mislil
slika-ozadje {
background: url(slika/bg.jpg) no-repeat center center fixed;
background-size: cover;
}
http://www.w3schools.com/cssref/css3prbackground-size.asp
http://css-tricks.com/perfect-full-page-background-image/
http://nicolasgallagher.com/flexible-css-cover-images/
ne s cover sem probal, pa ni ok. evo točno tako bi imel, že prej bi moral napisat:
http://wpninjas.com/
Evo 2 tutoriala:
- samo s CSS-jem: blog.keithclark.co.uk/pure-css-parallax-websites
ali s pomočjo JS:
ihatetomatoes.net/simple-parallax-scrolling-tutorial
Upam, da kaj pomaga.