gå til toppen
gå til index

Bildetekst innfelt i bildet

croquis

BERTE I BLÅTT
Tegning: Bernt Bjørge
Fettstift på syrefritt papir

<div class="left">
<img src="croquis1.jpg" alt="croquis" />
<div class="caption1">
<p class="txt1">BERTE I BLÅTT<br>
Tegning: Bernt Bjørge<br>
Fettstift på syrefritt papir</p>
</div>
</div>
		
.left
	{
	width:300px;
	height:400px;
	position:relative;
	float:left
	}
.caption1
	{
	width:200px;
	height:60px;
	background:#ffffff;
	padding:10px 0 0 10px;
	opacity:0.5;
	filter:alpha('opacity=50');
	position:absolute;
	top:0;
	left:0;
	z-index:1
	}
p.txt1
	{
	font-family:sans serif;
	font-size:1em;
	font-weight:bold;
	color:#333399
		

Opacity medfører at skrift ofte blir utydelig, i og med at to lag "smelter sammen". Dette kan - om nødvendig, for det kompliserer koden betydelig - motvirkes ved å legge et tredje lag øverst; se under.