Autor | Zpráva | ||
---|---|---|---|
LookyCPL Profil |
#1 · Zasláno: 12. 10. 2013, 16:53:01
Zdravim...potřebuji vytvořit odkaz ve tvaru kola. Jako pozadí mám obrázek (kolo vepsané ve čtverci). Potřebuji ale, aby odkaz byl pouze to kolo a ne i rohy čtverce (odkaz je tedy celý čtverec). Rohy jsou v obrázku neviditelné a na stránce tak nejsou vidět, ale pokud na ně najedu kurzorem, tak fungují jako odkaz. Děkuji
|
||
T.Thomas Profil * |
#2 · Zasláno: 12. 10. 2013, 18:38:59
|
||
margin Profil * |
#3 · Zasláno: 12. 10. 2013, 18:48:17
Pokud to vadí, tak mě napadají tyto možnosti:
- border-radius: 50%; nepodporují všechny prohlížeče a některé prohlížeče zaoblí element, ale nezaoblí aktivní plochu, takže jde o dost polovičaté řešení
- do odkazu vložit spany, které budou mít vhodnou velikost a umístění, díky čemuž bude aproximován kruhový tvar, čím lepších výsledků chceš dosáhnout, tím pracnější, podle mého bude rozumný kompromis 5 spanů - klikací mapa, musí se použít na IMG, nikoliv na pozadí, a pokud bys požadoval hover efekt, tak to nejde jen pomocí CSS, ale musí se přidat JavaScript |
||
Časová prodleva: 17 dní
|
|||
LookyCPL Profil |
#4 · Zasláno: 29. 10. 2013, 16:59:21
Díky..nakonec jsem zkusil dát border-radius:100%; přímo odkazu a funguje. Ovšem teď mám již stejný problém s jiným odkazem, který už ovšem nemá tvar kruhu :-D Zkusím tedy tu klikací mapu s tvarem polynomu. A určitě budu muset použít na hover efekt JavaScript ? Nedá se to nějak obejít v CSS ??
|
||
martin1312 Profil |
Nedá. Pozri tento jQuery plugin http://davidlynch.org/projects/maphilight/docs/
//EDIT: samozrejme ide to aj jednoduchším JS scriptom ak máš napríklad ten hover tvar v .png a podobne ale záleží to od rozsahu použitia. |
||
Časová prodleva: 10 let
|
0