Autor | Zpráva | ||
---|---|---|---|
Prochy Profil |
#1 · Zasláno: 9. 1. 2011, 16:48:30 · Upravil/a: Prochy
Dobrý den,
už si tu pár dní lámu hlavu s tím, jak udělat odkazy, kde mám v základním stavu tlačítko přes obrázek a při hoveru se změní tlačítko a dá se to na obrázek. Mě to částečně funguje. Udělal jsem to tak, že v základní poloze mám font-size:0px a při hoveru se tam hodí font-size 17px. Např v opeře a ve firefoxu to ani není vidět, že tam je font-size:0, ale když si otevřete např. IE nebo Google Chrome a dáte CTRL+A tak to tam je vidět a to mi vadí. A otázka tedy zní jestli nemá někdo lepší řešení, jak to provést? Doufám, že jsem svůj problém popsal srozumitelně. Zde dodávám ukázku Budu rád za jakoukoliv radu. |
||
WMPopi Profil |
#2 · Zasláno: 9. 1. 2011, 19:27:55
Většinou používám:
font-size: 0; text-indent: -9999px; Ale tady bylo asi elegantnější obalit text v odkazech ještě něčím, např. <span>. Pak by bylo: a span {display:none} a:hover span {display:inline} |
||
margin Profil * |
#3 · Zasláno: 9. 1. 2011, 20:00:08
|
||
Prochy Profil |
#4 · Zasláno: 9. 1. 2011, 20:34:46
Mělo mě to napadnout. Díky moc za pomoc
|
||
WMPopi Profil |
#5 · Zasláno: 9. 1. 2011, 21:08:21
margin:
To překrývání se zas hodí mě, neznal jsem, taky díky :-) |
||
joe Profil |
#6 · Zasláno: 9. 1. 2011, 22:26:23
Když už dávat odkaz na techniku image replacement, je lepší uvést tuto stránku, kde technik je více:
http://css-tricks.com/css-image-replacement/ Jednotlivé techniky mají svá pro a proti. Na této stránce je přehledně napsáno, jak to vypadá s vypnutými styly a obrázky. |
||
Časová prodleva: 13 let
|
0