Transparent färg på bakgrundsbild

Förslag: Hitta på nåt annat.

Transparenta bilder kan ordnas med png24-bilder plus ett skript för IE som gör att den webbläsaren också respekterar deras s.k. "alfa-kanaler" (som ger transparensen).

Problemet är att andra webbläsare kan börja protestera när du lägger samma typ av bilder (png24 med transparens) som bakgrunder, och troligen ännu mer om du lägger en transparent bild som bakgrund till en tabell och har en annan bakgrund till hela sidan. Jag är ganska säker på att du kommer att få stora problem.

Å andra sidan finns det ett enkelt fusksätt som kan funka ibland: Man gör en transparent gif på 2 x 2 pixlar. Den övre vänstra och nedre högra pixeln ger man en färg, den övre högra och nedre vänstra får vara transparenta. Det kan i vissa fall funka.

Annars, som sagt: Hitta på nåt annat.

OM det bara är färgen i tabellen som skall vara lite genomskinlig så man ser bakgrundsbilden som tillhör ett annat element ex. body, div eller en annan tabell, så kan du använda dig av ex opacity:

table.transparent {
   background-color: #cccccc;
   opacity: 0.65;
    -moz-opacity: 0.65;
    filter: alpha(opacity=65);
}

<table class="transparent">
   <tr>
     <td></td>
   </tr>
</table>

Om det nu bara gällde en grå bakgrundsfärg i en tabell som skall vara lite genomskinlig, för att ett annat elements bakgrund skall synas igenom lite grann..