Autor Zpráva
rotorod
Profil *
#1 · Zasláno: 30. 8. 2014, 03:55:43
Odpovědět Citovat
dobrý den
měl bych prosbu. mám na stránkach svoje foto na celkové pozadí www. Chci aby foto bylo rozšířené na celou stránku (nazaleži na velikosti displeje ani prohližeče). Chci aby se neopakovalo (byla pouze jedna fotka a pouze jednou). Chci aby foto se nepohybovalo ale obsah aby se pohyboval přez tu fotku
mám takýto kod 
body {margin: 0; font-size:14px; font-family:Arial;background:url(/images/img-0005.jpg) background-size: cover; background-attachment: fixed;}
jenže tady je problém, že v prohližeči Mozilla FF (verze 31.) to vidím OK, ale v IE (verze 8...) to vidím vedlé sebe x potek a pod sebou x fotek. Ano ta fotka je fixní, nepohybuje se, ale v IE ji vidím xkrát

jak prosím pozměnit kod aby bylo ve všech prohližečích stejné?

děkuji za radu
weroro
Profil
#2 · Zasláno: 30. 8. 2014, 04:09:12 · Upravil/a: weroro o 2 minuty později
Odpovědět Citovat 
background-repeat: no-repeat;
A tuším ti chýba za druhou zátvorkou v background stredník ;
rotorod
Profil *
#3 · Zasláno: 30. 8. 2014, 04:56:24
Odpovědět Citovat
weroro: 
body {margin: 0; font-size:14px; font-family:Arial;background:url(/images/img-0005.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
tak sem to opravil, v FF to vidim furt dobře, ale v IE to teď vidím ten obrázek v levém horním rohu
Bubák
Profil
#4 · Zasláno: 30. 8. 2014, 05:11:15
Odpovědět Citovat
IE 8 a starší nepodporují background-size.
rotorod
Profil *
#5 · Zasláno: 30. 8. 2014, 05:20:09
Odpovědět Citovat
Bubák:
to znamená že IE 9 a výš je vše OK? a nedá se nějakým kodem to napsat aby to bylo zobrazitelné i na IE 8?

zaleži ale jaky verze prohližeče IE již jsou...fakt nevím bo použivam FF díky za vyjasnění
Trejpa
Profil
#6 · Zasláno: 30. 8. 2014, 11:34:34
Odpovědět Citovat
rotorod:
„nedá se nějakým kodem to napsat aby to bylo zobrazitelné i na IE 8?“
Dá se použít obrázek <img width="100%"> a veškerý obsah napozicovat před něj.

Ale já bych použil následující: Obrázek graficky zvětšit v editoru, ve tvém případě asi na dvojnásobek, aby byl větší než obsah stránky. Dát ho stejně jako teď na pozadí, vystředit ho nahoru a kolem doplnit podobnou barvu, do které to přejde na větších monitorech. 
body {
margin: 0; font-size:14px; font-family:Arial;
background: #542 url(/images/img-0005.jpg) center top no-repeat fixed;
background-size: cover; }
rotorod
Profil *
#7 · Zasláno: 30. 8. 2014, 12:53:45
Odpovědět Citovat
Trejpa:
jenže kdybych obrazek zvětšil, tak v FF bych zase viděl jen vyřez z obrazku (ted vidim cely OK), nebo to tak neni?
Trejpa
Profil
#8 · Zasláno: 30. 8. 2014, 13:38:46
Odpovědět Citovat
rotorod:
„tak v FF bych zase viděl jen vyřez z obrazku“
Ne, Firefox umí background-size.
Taps
Profil
#9 · Zasláno: 30. 8. 2014, 14:29:18
Odpovědět Citovat
rotorod:
http://jecas.cz/obrazkove-pozadi
Časová prodleva: 10 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0