Autor Zpráva
domeon
Profil
Ahoj,
nevíte, jakým způsobem by se dal udělat hover efekt, že pokud bych najel na obrázek myší zobrazil by se v obrázku text.
Díky za rady...
Darker
Profil
.text {display:none}
div.text_cont:hover .text {display:inline}

<div class=text_cont>&nbsp;<div class=text>text</div></div>
domeon
Profil
Darker:
Díky za radu, ale nefunguje to, tak jak by mělo.
Pokud tam dám obrázek, a pak najedu myší na ten obrázek, tak se zobrazí text mimo obrázek.
Nešlo by to udělat aby se text zobrazil v obrázku?


EDIT: Tak jsem to vyřešil pomocí margin. Díky
Darker
Profil
Stacilo obrazek nastavit jako pozadi.
Bubák
Profil
Darker:
V podstatě je jedno, jestli bude obrázek vložený normálně, nebo na pozadí, nakódovat jde obojí a velký rozdíl ve složitosti kódu není:
Text na obrázku pomocí pozicování
Text na obrázku pomocí background-image
Hover jde jednoduše přidat.
slovakCZ
Profil
pri zapnutych stylech je opravdu jedno jestli je obrazek jako pozadi nebo opravdu jako obrazek. Velky rozdil bude ovsem pri vypnutych stylech.

V pripade ze clovek vypne styly a obrazky budou jako pozadi, tak uvidi jen text (zalezi na situaci zda to je zadouci). Pokud ovsem obrazky budou opravdu jako obrazky (<img />) a clovek vypne styly, tak uvidi jak text tak obrazek. To same take uvidi robot vyhledavace. Otazkou je, jestli chces obrazky zpristupnit vyhledavacum a lidem, kteri maji vypnute css styly (pripadne se jim nekorektne nactou) a nebo ne :) Tohle by mela byt 1. otazka kterou si polozis. Jak to vyresit z hlediska kodu by mela byt vzdy az otazka druha. Pozor na to ;)

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