| Autor | Zpráva | ||
|---|---|---|---|
| IdemeNaHavaj Profil |
#1 · Zasláno: 11. 1. 2015, 11:20:27
Ahoj
robim take pozadie čo sa prepína a chcem sa spýtať ako sa dá urobiť keď máte obrázok každý inej veľkosti.. Napríklad 1 je štvorec, ďalší obdĺžnik.. jeden väčší druhý menší.. Chcel by som vedieť ako sa dá urobiť aby sa obrázok vždy keď je menší ako monitor tak aby sa dostredu tak priblížil alebo roztiakol. Skúšal som width 100% a height 100% ale to nieje celkom ono lebo sa to roztiahne ale chápete potrebujem aby to akoby išlo za okraj monitoru a ostalo v tom rozmere.. |
||
| Radek9 Profil |
IdemeNaHavaj:
To znamená, že to chceš tak, aby vždy byl zaplněn celý prostor obrázkem a tedy aby se z něj případně kus usekl? To by mělo vyřešit min-height a min-width na 100%. Pokud trváš na podpoře IE < 8, tak ještě musíš použít podtržítkový hack. Ořez ti potom zajistí vhodné vertikální centrování a overflow: hidden. |
||
| Marschmallow Profil |
IdemeNaHavaj:
„aby sa obrázok vždy keď je menší ako monitor tak aby sa dostredu tak priblížil alebo roztiakol“ Tím pádem ale bude možnost znatelně vidět pixely - pokud bude obrázek v SD kvalitě a já budu mít FullHD monitor... Myslíš to takto? |
||
| yFang Profil |
#4 · Zasláno: 11. 1. 2015, 13:00:54
IdemeNaHavaj:
Tady máš popsané různé způsoby, jak toho dosáhnout: http://css-tricks.com/perfect-full-page-background-image/ |
||
| IdemeNaHavaj Profil |
#5 · Zasláno: 11. 1. 2015, 13:03:09
Marschmallow:
Ano tak nejak ako je to na tej ukážke ale nemôže to byť cez background lebo používam obrázky ako meniace pozadie celého webu cez jquery .cycle() a v tom mám <div> <img><img></div> ...atď ten div v ktorom sú obrázky je pozadie (absolute top,left,right,bottom 0px) |
||
| IdemeNaHavaj Profil |
#6 · Zasláno: 11. 1. 2015, 15:16:54
A ešte by to nemalo byť v css ani preto, lebo ak to bude velký obrázok tak aby sa najprv celý načítal a až potom zobrazil. V jquery bcy som to urobil lahko že .load() a ID obrazku, ale v css toto sa vôbec dá docieliť? :-) Vďaka za pomoc
|
||
|
Časová prodleva: 9 let
|
|||
0