/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Problemer med css-popup
Fra : Rune Hammerskov


Dato : 12-08-05 18:31

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?

 
 
Michael Haase (12-08-2005)
Kommentar
Fra : Michael Haase


Dato : 12-08-05 19:27

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

Rune Hammerskov (12-08-2005)
Kommentar
Fra : Rune Hammerskov


Dato : 12-08-05 19:58

> 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.

Rune Hammerskov (13-08-2005)
Kommentar
Fra : Rune Hammerskov


Dato : 13-08-05 02:46

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;

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408943
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste