Avatar billede cyb Nybegynder
28. marts 2004 - 18:37 Der er 9 kommentarer og
1 løsning

Style et span-tag så det ikke er gennemsigtigt.

Når jeg ligger et span-tag ind over en dropdown box (absolut positionering) - kan dropdownboxen stadig ses igennem span-tagget.
Hvordan styler jeg et span-tag så det man ikke kan se en dropdownbox igennem tagget?

Jeg har lavet følgende eksempelkode:

<html>
<head>
<style>
    .popupwin {
        background-color:#ff0000;
        position:absolute; top:0; left:20;
        width:150; height:150; }
</style>
</head>
<body>
    <br>Dette er teksten på den originale HTML side<br>
    <select name=testbox style="width:300;"><option value=1>test</option></select>
    <br>Dette er teksten på den originale HTML side<br>
    <span class="popupwin">Dette er teksten i popupwinduet - dette "vindue" skal helst ikke være gennemsigtigt</span>
</body>
</html>
Avatar billede roenving Novice
28. marts 2004 - 18:42 #1
Det kan du ikke !-)

Hvis du kigger på en oversigtsside her på E*, kan du se det eneste man for alvor kan gøre:

Skjul de select-boxe, som ligger i vejen, når (her menuen) folder ned ...
Avatar billede cyb Nybegynder
28. marts 2004 - 18:54 #2
Ok - kan du så hjælpe mig med hvordan jeg identificere og fjerner dropdown boxe de dropdownboxe som span-tagget går ind over - automatisk (i et script) ?
Avatar billede roenving Novice
28. marts 2004 - 19:02 #3
Mens folk har sådanne menu-punkter åbne, skal de vel alligevel ikke se select-boxene, så f.eks.

function visSkjulSelects(vis){
  sels = document.getElementsByTagName('SELECT');
  for(var i=0;sels.length>i;i++)sels[i].style.display=(vis)?'inline':'none';
}

-- og så kalde den med:

showMenu('menu1');visSkjulSelects(false);

eller

hideMenu('menu1');visSkjulSelects(true);
Avatar billede cyb Nybegynder
28. marts 2004 - 19:35 #4
Mange tak for hjælpen.
Hvis du laver et svar skal du få dine point :-)
Avatar billede roenving Novice
28. marts 2004 - 19:37 #5
Velbekomme '-)
Avatar billede roenving Novice
28. marts 2004 - 19:38 #6
Hov, måske skal man bruge visibility i stedet for display, så siden ikke bliver fuldstændig rodet:

  for(var i=0;sels.length>i;i++)sels[i].style.visibility=(vis)?'visible':'hidden';
Avatar billede cyb Nybegynder
28. marts 2004 - 19:48 #7
Ja, det fungere nok lidt bedre :-) ..
Avatar billede cyb Nybegynder
28. marts 2004 - 19:50 #8
hmmm - det virker sku' ikke så godt her på eksperten lige nu. Kan ikke acceptere dit svar - så jeg prøver lige at lave et svar mere - måske hjælper det.
Avatar billede cyb Nybegynder
28. marts 2004 - 19:50 #9
Sådan - så lykkedes det :-)
Avatar billede roenving Novice
28. marts 2004 - 19:51 #10
I den nye version af E* skal man markere et navn uanset hvor mange der er, for at acceptere !-)

-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester