---

På http://darkcity.dk/tv.php bruger jeg css til at lave en form for
popup/hover effekt.

Når man fører musen over en af titlerne kommer der en beskrivelse frem
der ligger ovenpå teksten. Eller dvs. det gør indefor samme kanal.
Problemet er nemlig at de beskrivelser der er så lange at de kommer ned
over en af de andre kanaler bliver ødelagt. Man kan se titlerne igennem
beskrivelsen. Det ser ud som om browseren laver baggrunden delvis
gennemsigtig, men jeg har prøvet at specificere at den ikke skal være
gennemsigtig og det hjalp ikke.

Er der nogen der kan gennemskue hvad problemet er?

---

Rune Hammerskov skrev:


> Når man fører musen over en af titlerne kommer der en beskrivelse frem
> der ligger ovenpå teksten. Eller dvs. det gør indefor samme kanal.
> Problemet er nemlig at de beskrivelser der er så lange at de kommer ned
> over en af de andre kanaler bliver ødelagt. Man kan se titlerne igennem
> beskrivelsen. Det ser ud som om browseren laver baggrunden delvis
> gennemsigtig, men jeg har prøvet at specificere at den ikke skal være
> gennemsigtig og det hjalp ikke.
>
> Er der nogen der kan gennemskue hvad problemet er?

Ikke umiddelbart, men måske det er fordi <span class="desc"> er over en
<div class="channel">, hvor den ikke hører under?
Desuden er der ikke noget problem i Opera, og i IE og Avant kommer der
slet ingen beskrivelser.

--
Michael

---

> Ikke umiddelbart, men måske det er fordi <span class="desc"> er over en
> <div class="channel">, hvor den ikke hører under?

Det har jeg prøvet og det giver samme resultat. Hvilket det jo egentlig
også burde.

> Desuden er der ikke noget problem i Opera, og i IE og Avant kommer der
> slet ingen beskrivelser.
>

Interessant at opera ikke har noget problem, men jeg ved ikke helt om
man kan drage nogen konklusion ud fra det.
Det er klart IE ikke viser noget. Den fatter ikke :hover på andet end a.

Men tak for besvarelsen.

---

Nu har jeg løst problemet.
I mit html har jeg
----------------------------------
<div class="channel">
<div class="show">
<span class="time"></span>
<span class="title"></span>
<span class="desc"></span>
</div>
<div class="show">
<span class="time"></span>
<span class="title"></span>
<span class="desc"></span>
</div>
</div>
----------------------------------
og i css
----------------------------------
div.channel {
overflow:hidden;
}
div.show .desc {
display:none;
}
div.show:hover .desc {
display:block;
}
----------------------------------

Problemet er overflow:hidden;
Jeg tænkte på .desc som en form for popup og glemte derfor at den jo
bare er et <span> i <div class="channel">.
overflow:hidden; skal derfor ændres til overflow:visible;