Roztáhnutí obrázku přesně přes celou obrazovku

26. 5. 2013 12:32:03

Zdravím, mám takový menší problém, Chci mít pozadí přes celou obrazovku, použil jsem tento kod

a css

problém je v tom, že to sice je přes celou stránku, ale kousek obázku dole chybí, resp. je to až moc roztažené, jako kdyby to melo pokračovat ještě za obrazovkou. Nevíme, jak to ošeřtit, aby byl obrázek skutečně pouze na clou obrazovku, a zobrazoval se tak, jak má? Díky

26. 5. 2013 12:32:03

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905478

Dominik Nguyen

(36 hodnocení)

26. 5. 2013 12:37:38

Zkusil bych něco jako tohle

26. 5. 2013 12:37:38

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905477

Jakub Hošek

(23 hodnocení)

26. 5. 2013 12:45:24

Zde se zobrází jen polovina obázku, ta dolí, ale začíná od prostředka. Když umažu backgroun position, je pořád stejný problém, jako na uplnem začatku..:(

26. 5. 2013 12:45:24

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905476

Dominik Nguyen

(36 hodnocení)

26. 5. 2013 12:48:21

Můžete mi poslat link na stránku? podíval bych se na to.

26. 5. 2013 12:48:21

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905475

Jakub Hošek

(23 hodnocení)

26. 5. 2013 12:49:52

není to nikde nahrané.. ale dobře, založím nějaký free hosting, moment

26. 5. 2013 12:49:52

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905474

Smazaný účet KvotlhHqXE

(39 hodnocení)

26. 5. 2013 12:51:44

Edit: zbytocne dlhe toto staci

body {

margin:0px;

padding:0px;

background:url(img/pozadi.jpg) no-repeat fixed 100% 100%;

}

26. 5. 2013 12:51:44

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905473

Jakub Hošek

(23 hodnocení)

26. 5. 2013 12:56:15

takto se obrázek zobrázil normálně v rohu nahoře, jako kdyby se pouze umístil s klasickým rozlišením :( Ale díky

26. 5. 2013 12:56:15

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905472

Jan Stejskal

(7 hodnocení)

26. 5. 2013 13:06:16

Co použít google? http://paulmason.name/item/full-screen-background-image-pure-css-code

26. 5. 2013 13:06:16

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905471

Vladislav Musílek

(67 hodnocení)

26. 5. 2013 13:07:28

A co takto?

body {
background: url(obrazek.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

26. 5. 2013 13:07:28

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905470

Jakub Hošek

(23 hodnocení)

26. 5. 2013 13:25:30

Jan stejskal, je to stejný problém jako před tím.. ten obrázek se dole usekne, a neni to skutečně od kraje ke kraji.. napadá mě, ejstli to nemuže být rozlišením mého monitoru...

Musilda, toto řešení už je o něco lepší, stále to neni ale uplně přesně -> stale se kousek usekne... navíc se obavam, že to nebude fungovat ve starších prohlížečích

26. 5. 2013 13:25:30

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905469

Vladislav Musílek

(67 hodnocení)

26. 5. 2013 13:34:40

Napsal Z3NTIVA;953707
Jan stejskal, je to stejný problém jako před tím.. ten obrázek se dole usekne, a neni to skutečně od kraje ke kraji.. napadá mě, ejstli to nemuže být rozlišením mého monitoru...
Musilda, toto řešení už je o něco lepší, stále to neni ale uplně přesně -> stale se kousek usekne... navíc se obavam, že to nebude fungovat ve starších prohlížečích

Samozřejmě, že se kousek usekne, co přístroj, to jiný rozměr pro zobrazování. Co se týká starších prohlížečů jde o IE8 a starší, vše ostatní to podporuje. http://caniuse.com/background-img-opts

Pro IE6+

ale bez záruky, ještě jsem to pro starší IE nedělal. Pokud by nevadilo řešení pomocí js, tak odkážu na http://louisremi.github.io/jquery.backgroundSize.js/demo/

26. 5. 2013 13:34:40

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905468

Jan Stejskal

(7 hodnocení)

26. 5. 2013 13:35:22

Napsal Z3NTIVA;953707
Jan stejskal, je to stejný problém jako před tím.. ten obrázek se dole usekne, a neni to skutečně od kraje ke kraji.. napadá mě, ejstli to nemuže být rozlišením mého monitoru...

Zkuste si to do prázdné stránky, je to funkční řešení. Rozhazuje Vám to tedy něco jiného.

26. 5. 2013 13:35:22

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905467

Smazaný účet KvotlhHqXE

(39 hodnocení)

26. 5. 2013 13:35:27

@Z3NTIVA

Pouzite tie riadky co som upravil, vo vsetkych prehliadacoch to funguje.

26. 5. 2013 13:35:27

https://webtrh.cz/diskuse/roztahnuti-obrazku-presne-pres-celou-obrazovku/#reply905466

decrys