Autor | Zpráva | ||
---|---|---|---|
Jiří Bednář Profil |
Chci si vytvorit efekt v CSS kdyz najedu na odkaz, ukaze se nejaky div s textem:
HTML <div id="efekt"> <div id="odkaz"><h3><a href="#">Text</a></h3></div> <div id="text"> <img src="img.gif"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit..</p> </div> </div> Toto CSS samozrejme funguje #efekt #text{ visibility: hidden; width: 0px; height: 0px; } #efekt:hover #text{ visibility: visible; width: 350px; height: 250px; } Ale toto uz ne #efekt #text{ visibility: hidden; width: 0px; height: 0px; } #efekt #odkaz:hover #text{ visibility: visible; width: 350px; height: 250px; } Proc? Problem je v tom ze kdyz najedu nekam ve visce odkazu, zobrazi se text, ja potrebuji po najeti na odkaz. |
||
Str4wberry Profil |
#2 · Zasláno: 14. 3. 2009, 11:34:11
Máte v elementu #odkaz nějaký element #text? Nemáte. Proto.
|
||
Jiří Bednář Profil |
#3 · Zasláno: 14. 3. 2009, 13:12:37
Nj, taky me to mohlo dojit.
A jak bych tedy mel udelat toto: po najeti na odkaz se ukaze #text? |
||
Str4wberry Profil |
#4 · Zasláno: 14. 3. 2009, 13:29:21 · Upravil/a: Str4wberry
Třeba:
<style> #text {display: none} #odkaz:hover+#text {display: block} </style> |
||
panther Profil |
#5 · Zasláno: 14. 3. 2009, 13:46:05
Jiří Bednář
doplním Str4wberryho: „Ale nebude to fungovat v Exploreru 6, protože zná :hover jen u odkazů“ tento nedostatek se dá odstranit pomocí přilinkování souboru „hover.htc“, nicméně v tomto případě to stejně nebude problém řešit (viz. zbytek Str4wberryho příspěvku) |
||
Časová prodleva: 15 let
|
0