Autor Zpráva
guest D
Profil *
Zdravím, mám spravenú lištu iba pomocou css. Na vrch som dal taký lesklý efekt. Je to vlastne div s nastavenou priehľadnosťou. Avšak prekrýva tlačidlá a tie sú potom klikatelné iba z polovice. Má niekto nejaké nápady, postrehy alebo pripomienky?

Vyzerá to asi takto:
Taurus
Profil
Postřeh? Udělat efekt klasicky – obrázkem...
guest D
Profil *
Tomu som sa chcel popravde vyhnúť. Ale vďaka.
margin
Profil *
guest D:
Tomu som sa chcel popravde vyhnúť.
Jaký k tomu máš důvod? Takový obrázek by měl jen stovky bajtů.

Pokud nechceš použít standardní řešení s obrázkem , napadají mě dvě možnosti:
- na překrývání použít napozicovaný SPAN, který by byl součástí odkazu
- průsvitnost bys nastavil pro menu, DIV bys dal pod něj

Které z řešení by bylo vhodnější použít, netuším. Konkrétnější radu bys mohl dostat, pokud dáš odkaz na živou ukázku.
panther
Profil
guest D:
z-index znáš?
guest D
Profil *
Vďaka, asi spravím efekt ako súčasť odkazu.
peta
Profil
Tak, ono by slo prenaset javascriptem udalost onclick na ten odkaz.

Druha moznost je, dat ten div jako span do odkazu
<a href="aaa">text1<span>prazdny div</span></a>
<a href="aaa" class="sel">text1<span>prazdny div</span></a>
a span {display:block;}
a.sel span {display:none;}
tim padem se span stava klikatelny text odkazu a nemusis nic resit :)

panther: z-index mu asi nepomuze, on to tlacitko chce prave prekryt tim divem, ale soucasne ho chce mit klikatelne. Obrazky byly lepsi reseni. On to ma pravdepodobne resene takovym super stylem, ze si vsechno ostatni prekryje :)
-menu 1 ---------------------------------
----------- menu 2 -----------------------
---------------------- menu 3 ------------
panther
Profil
peta:
z-index mu asi nepomuze
ale pomohl by.

Druha moznost je, dat ten div jako span do odkazu
může tam dát rovnou ten div

ono by slo prenaset javascriptem udalost onclick na ten odkaz.
zbytečný JS na něco, co jde pohodlně i bez něj.
peta
Profil
panther: Stale nechapu, jak by pomohl z-index. Jestlize ma prvek A, prekryje ho prvkem B, tak je A prekryty. Jestli B nastavi mensi z-index nez pro A, pak B zaleze pod A a neprekryje ho. Ale on ho potrebuje prekryt.
margin
Profil *
peta:
Ale on ho potrebuje prekryt.
Nepotřebuje, i když to guest D nikde nepíše, tak jen potřebuje, aby menu vypadalo tak, jak ukázal na obrázku.
Pokec
Profil *
guest D:
dalo by se to řešit i takto: http://pokec.chytrak.cz/guestd/menu.htm

Vzhled menu si uděláš divem a přetáhneš nad něj obsah menu. Odkazy budou klikatelné. Tam kde nebude fungovat border-radius a rgba bude menu hranaté a bez lesklého efektu, ale s tím asi počítáš.

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:

0