Gennemsigtig baggrund med CSS

1: et span må ikke indeholde et p

Når du sætter baggrundsfarven til transperent, skal du positionere dit indhold relativt "ovenpå".

/J

Du skal bruge en div til at indeholde dit p tag. Og så sætte din div til display:inline;

og den gennemsigtige baggrund får du bedst ved at generere  et billed på 1x1 px i ex. photoshop, som har den ønskede farve og opacity(gennemsigtighed)

Det billed gemmer du så som navn.png og sætter som baggrundsbillede på din div.

sådan her:
div
{
  background-image:url('sti til billed');
}

Billedet vil som standart have backgroung-repeat:repeat;. Hvilket betyder at det vil blive gentaget så mange gange det kan være i din div. Altså, derfor ligner den en solid baggrundsfarve der er gennemsigtig

på denne måde er du fri for at indholdet af din div også bliver gennemsigtig. Hvilket er tilfældet ved brug at opacity, alpha osv. i css

Kan referere til min egen guide her --> http://d-zig.com/Desc.aspx?item=63

<ole>

DSDM >> "Du skal bruge en div til at indeholde dit p tag. Og så sætte din div til display:inline;"

Nej, det er ikke korrekt. Et inline element, der indeholder block indhold giver ikke mening og resulterer i invalid HTML. Valid HTML er ikke et spørgsmål om at 'snyde' en validator, men at undgå meningsløs markup - hvad enten den opstår designtime eller runtime.

Fra din egen guide:

Plus this way is better than using alpha and opacity in css, witch is by the way not correct if you want your website to be w3 valid.

I den forbindelse bør du måske nævne, at W3C eksplicit stipulerer, at når/hvis en agent ikke forstår en given property, skal denne blot springes over. Det gør de gængse browsere da også ganske korrekt, mens de ved 'rigtige' fejl springer hele reglen over.

Lidt oft: Ordet witch betyder heks, mens which bl.a. betyder hvilket.

/mvh
</bole>

Tak for svar og kommentarer! Jeg løste problemet ved at lave 1-pixel-baggrund-tricket på et span element indeholdt i p elementet.

vh Martin