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
Máte v elementu #odkaz nějaký element #text? Nemáte. Proto.
Jiří Bednář
Profil
Nj, taky me to mohlo dojit.

A jak bych tedy mel udelat toto: po najeti na odkaz se ukaze #text?
Str4wberry
Profil
Třeba:
<style>
#text {display: none}
#odkaz:hover+#text {display: block}
</style>
Ale nebude to fungovat v Exploreru 6, protože zná :hover jen u odkazů a nezná selektor nejbližšího následujícího sourozence.
panther
Profil
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)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0