Delvis gennemsigtig baggrund

#adg_tekst {
  position: absolute;
  top: 200px;
  left: 400px;
  z-index: 2;
  background-color: #FFF;
  visibility: hidden;
  border: 1px solid black;
  width: 500px;
  text-align: center;
  filter:alpha(opacity=50); /* IE */
  opacity:0.5; /* andre nyere browsere */
  -moz-opacity:0.5; /* lidt ældre mozilla-browserere */
}

Kommentarerne er lidt med forbehold, men sådan jeg opfatter de forskellige browseres implementering af opacity...

Teksten skal IKKE ændres og det gør den hvis jeg bruger det forslag.

det ser ca. sådan ud:
<div id="adg_tekst"><p>Min tekst</p></div>

PS det skal bare virke i IE indtil videre, jeg kan altid spørge hvis jeg skal bruge det andre steder. ;o)

et lille ekstra spørgsmål:
Hvordan virker z-index på select-bokse, fordi jeg har prøvet med ovenstående CSS og da kan jeg ikke placere min div ovenpå mine select-bokse.

OK, det fremgik bare ikke klart af dit spørgsmål at du ikke ville have teksten til at blive gennemsigtig...

Så kan du bruge tricket med at have 2 lag, som du positionerer absolut inde i et indeholdende lag. Det ene lag indeholder teksten og det andet danner baggrunden. Prøv nedenstående (jeg har ikke testet det, men har tidligere brugt noget lignende, så det burde kunne bringes til at fungere)...

<div class="boxlag">
  <div class="bglag">
  </div>
  <div class="txtlag">
    <p>teksten</p>
  </div>
</div>

.boxlag {
  position: absolute;
  top: 200px;
  left: 400px;
  z-index: 2;
  background-color: #FFF;
  visibility: hidden;
  border: 1px solid black;
  width: 500px;
  text-align: center;
}
.bglag {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  filter:alpha(opacity=50); /* IE */
}
.fglag {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

Select-boksen er lidt irriterende ifm. lag, da det er en activeX-kontrol, som altid lægger sig øverst uanset hvilket z-index man benytter (jeg har i det mindste ikke set nogen løsning på problemet - det betyder naturligvis ikke at den er non-eksistent :))...

Et workaround kunne dog være at skjule select-boksen når du vil vise noget oven på den, men det er måske heller ikke lige det fedeste at skulle holde styr på hvornår man skal skjule og vise sådan en fætter (eller flere for den sags skyld).

Alternativt skulle du lave din egen med en tekstboks og noget snedigt javascript... :)

hmm det virker ikke efter hensigten den kode du foreslår, så her er den rigtige opstilling, efter den ændring med nestede div's.
<div id="adg_box">
  <div id="adg_bg"></div>
  <div id="adg_tekst">
    <table cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td valign="top" align="left" width="35">
          <img src="images/ikon_ingen_adgang.gif" alt="Ingen adgang" width="29" height="27" border="0"></td>
        <td valign="top" width="400">
          <p>
            <strong>Du har ikke fuld adgang til dette område</strong>
            <br>Du har ikke adgang til resten af regnskabet. Er dette en fejl, kan følgende personer ændre opsætningen af din brugerprofil
          </p>
        </td>
        <td style="text-align: right; vertical-align: bottom;">
          <span style="text-align: right; text-decoration: underline; cursor: pointer;" onclick="vis_tekst();">luk</span>
        </td>
      </tr>
    </table>
  </div>
</div>

Jeg har selv dette (fungerende) kode på et site:

<div id="billedetekstkassen1" class="divlillebilledetekst">
  <div class="divlillebilledetekstbag">&nbsp;</div>
  <div id="billedetekst1" class="divlillebilledetekstfor">
    <span id="billedetitel1" class="billedeteksttitel">Glad jomfru</span><br><br>
      År: <span id="billedeaar1" class="billedetekst">2004</span><br>
      Størrelse: <span id="billedestoerrelse1" class="billedetekst">100x70 cm</span><br>
      Pris: <span id="billedepris1" class="billedetekst">Privat eje</span></div></div>


og dette stylesheet (kun de relevante klasser):

.divlillebilledetekst
{
    position:relative;
    border:1px solid #cfcfcf;
    margin-bottom:5px;
    width:150px;
    height:120px;
    font-size:10pt;
}
.divlillebilledetekstbag
{
    position:absolute;
    background-color:White;
    filter:alpha(opacity=20);
    opacity:0.2;
    width:150px;
    height:120px;
}
.divlillebilledetekstfor
{
    position:absolute;
    margin:10px;
    width:130px;
    height:100px;
}

Forskellen på dette og dit er umiddelbart at du positionerer dit ydre lag absolut, hvor jeg positionerer relativt... men såvidt jeg ved burde det ikke betyde noget.

ahh det forklarer det jo så også lidt.
der har du jo placeret background-color i den der svarer til .bg_lag og du har højder på også.
Jeg har fået det til at virke nu så hvis du vil lægge et svar...

Ja, det har du ret i - det de forskellige egenskaber skal placeres i det korrekte klasser... den havde jeg overset :)

Svar kommer her.

det hjælper i hvert fald som regel en hel del at tingene bliver placeret korrekt ;o)

Unægtelig :D

Tak for point :)