Autor Zpráva
Jan Knížek
Profil
Dobrý den, chtěl bych udělat menu popsané na obrázkách.
Po najetí kurzoru na červenou oblast se červená oblast "vysune" a překryje malým obrázkem všechny záložky pod ní. Po najetí na modrou zase se vysune a překryje obrázky pod ní, ne nad ní. Problém je také v tom, že ne všechny oblasti budou stejně vysoké(budou stejně široké) a budou tvořeny obrázky.


soucekgns
Profil
Pokud se to má "vysouvat" jako animace, tak musíš zřejmě použít jquery
ale jinak:
<div id="menu">
<li id="1"></li>
<li id="2"></li>
<li id="3"></li>
<li id="4"></li>
</div>

#menu {
position:relative;
}
li {
position:absolute;
width: 100px;
height:100px;
overflow:hidden;
z-index:1;
}
li:hover {
position:absolute;
width: 100px;
height:200px;
overflow:visible;
z-index:10;
}
li#1 {left:0; top:0;}
li#2 {left:0; top:100px;}
li#3 {left:0; top:200px;}
li#4 {left:0; top:300px;}
PS: width a height si můžeš dát k li#1 a li#1:hover
Jan Knížek
Profil
bohužel nefunguje:(

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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