| Autor | Zpráva | ||
|---|---|---|---|
| Juniorr Profil * |
#1 · Zasláno: 25. 7. 2013, 22:31:23
Ahoj, jak můžu dostat 3 obrázky na sebe, které budou mít stejnou pozici? Poradí někdo? Dík
|
||
| Kcko Profil |
#2 · Zasláno: 25. 7. 2013, 22:39:42
Obalíš je elementem, který bude mit relativní pozici a ty obrázky napozicujes a každému nastavíš jiný z-index.
|
||
| Trejpa Profil |
#3 · Zasláno: 25. 7. 2013, 22:42:38
Juniorr:
Nebo můžeš použít obrázek na pozdí každého ze tří do sebe vnořených bloků. |
||
| margin Profil * |
#4 · Zasláno: 25. 7. 2013, 22:58:18
Kcko:
„každému nastavíš jiný z-index“ A to proč? Ve většině případů se dá vystačit s přirozeným z-indexem, kdy ze element uvedený v kódu později, výše. Trejpa: Napadlo mě dát bloku tři pozadí, ale tebou uvadaná jednoduchá možnost mě nenapadla, jdu se stydět. :-) Juniorr: Jsou i jiné možnosti, třebas s využitím záporného marginu, ale pravděpodobně by to ve tvém případě přineslo více nevýhod (o něco složitější kód, závislost na rozměrech obrázků...), něž výhod (pro tento případ mě žádná výhoda nenapadá. K čemu je to dobré? Pokud obrázky nejsou průhledné/průsvitné, tak mě nenapadá využití, pokud pomini javascriptová "kouzla" se z-indexem a třebas i s průsvitností (opacity). |
||
| Kcko Profil |
#5 · Zasláno: 25. 7. 2013, 23:05:14
margin:
protože A to proč? Ve většině případů |
||
| Juniorr Profil * |
#6 · Zasláno: 25. 7. 2013, 23:11:34
Myslíte takto? A každému divu dát obrázek na pozadí?
<div id="a"><div id="b"><div id="c"></div></div></div> |
||
| margin Profil * |
#7 · Zasláno: 25. 7. 2013, 23:20:30
Kcko:
„se dá vystačit s přirozeným z-indexem, kdy ze element uvedený v kódu později, výše“ Juniorr: Já bych sice každému DIVu nedával IDéčko, ale to záleží na vkusu každého soudruha, ale DIVy máš zanořené správně. Pak stačí nadeklarovat rozměry a pozadí. |
||
| Juniorr Profil * |
#8 · Zasláno: 26. 7. 2013, 12:39:18
Díky moc za pomoc
|
||
| margin Profil * |
#9 · Zasláno: 26. 7. 2013, 13:17:00
Ještě mě napadlo takovéto zjednodušení:
<div id=pozadi1> <img id=pozadi2 src=obrazek3.png> </div> |
||
|
Časová prodleva: 11 let
|
|||
0