Halvgenomskinlig tabell

Hejsan!

Håller på att bygga en site och har stött på ett litet problem...
Jag använder följande kod för att få tabellen "halvgenomskinlig"

.halvgenomskinlig {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  height: 200px;
  background-color: #000000;
  vertical-align: top;
  color: #FFFFFF;
  padding: 10px;
}

Nu är det så att detta inte funkar i opera. Finns det någon kod för det också? :)
En sak till, textfärgen blir också transparant, fast jag vill ha den helt vit... hur löser jag det?

Tack på förhand

Mvh

Eftersom texten ligger i tabellen får den ju samma attribut. Du skulle kunna göra ett nytt lager ovanpå t.ex.

Använd en PNG-bild som pakgrund med 50% opacitet. :)

Problemet är att när jag skriver

<img src="bild.png" border="0">

Så blir det ingen bild.. det är som bilden inte finns...

Kör IIS 5.1 @ XP :OO

LeonL skrev:

Använd en PNG-bild som pakgrund med 50% opacitet. :)

Mig veterligen klarar IE inte av att hantera transparenta png-filer. Rätta mig om jag har fel.
/M

Okej, tips på hur jag ska gå till väga isåfall?

Ot: Om jag har en bakgrund som är background-repeat: no-repeat; högst upp på sidan... och sen när den tar slut vill jag att en annan bakgrund som är 1 px hög ska fortsätta med background-repeat: repeat; precis under den över bakgrunden...

Hur gör jag då?

sabbacus skrev:

Mig veterligen klarar IE inte av att hantera transparenta png-filer. Rätta mig om jag har fel.

Du har fel. :-)

Det är däremot lite knöligt att få till. Så här gjorde jag:

<!--[if gte IE 5]>
<style type="text/css">
.divMedHalvtransparens{
background:transparent !important;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="bilder/bakgrund.png",sizingMethod="scale");
    }                  
</style>
<![endif]-->

Läs mer på microsoft

Lycka till
/ m a r t i n

Melea skrev:

Ot: Om jag har en bakgrund som är background-repeat: no-repeat; högst upp på sidan... och sen när den tar slut vill jag att en annan bakgrund som är 1 px hög ska fortsätta med background-repeat: repeat; precis under den över bakgrunden...

Du lägger två divvar i varandra:

<div class="BakgrundenSomFortsätterUnder">
<div class="BakgrundenSomInteRepeteras">
<!--massa grejer-->
</div>
</div>

/ m a r t i n

Hur gör jag om jag har en tabell med

<table cellspacing="0" cellpadding="0" border="0" width="100%" style="height: 597px;">
<tr>
<td style="background-image: url(img/v2/interface_n2o_v2_04.gif); background-repeat: no-repeat; vertical-align: top; padding: 7px;">

Innehåll

</td>
</tr>
</table>

?