Bild placerad i box eller tabell med opacitet:
CSS-koden för boxen:
#opacitet
{background: #ffffff padding: 10px;
width: 180px;
opacity: 0.4; filter: alpha(opacity=40);}

HTML-koden för boxen:
<div id="opacitet">
Text här och bilden:
<img src="monkey.gif"
</div>

OBS! Om du vill att texten inte ska påverkas av opaciteten använder du en extra box för text och bild. Fungerar bara i IE och både text och bild blir då inte genomskinlig.

CSS-koden för boxen:
#opacitet
{background: #ffffff padding: 10px;
width: 180px;
opacity: 0.4; filter: alpha(opacity=40);}
#solidtext {position: relative; color: #000000;}

HTML-koden för boxen:
<div id="opacitet">
<div id="solidtext">
Text här och bilden:
<img src="monkey.gif"
</div>
</div>

Bild som bakgrund i box eller tabell med opacitet.

Bilden är angiven i CSS-mallen tillsammans med bakgrundsfärg och andra egenskaper för boxen den är bakgrundsbild i.

 

CSS-koden för boxen:
#opacitet
{background: #ffffff url(monkey.gif) no-repeat; padding: 10px;
width: 180px;
opacity: 0.4; filter: alpha(opacity=40);}

HTML-koden för boxen:
<div id="opacitet">
Text och innehåll här...
</div>

OBS! Om du vill att texten inte ska påverkas av opaciteten använder du en extra box för text och bild. Fungerar bara i IE och texten blir då inte genomskinlig.

CSS-koden för boxen:
#opacitet
{background: #ffffff url(monkey.gif) no-repeat; padding: 10px;
width: 180px;
opacity: 0.4; filter: alpha(opacity=40);}
#solidtext {position: relative; color: #000000;}

HTML-koden för boxen:
<div id="opacitet">
<div id="solidtext">
Text och innehåll här...
</div>
</div>