Skulle lige lave noget andet ... men et hurtigt bud kunne være:
#picHolder {
position: relative;
}
#picHolder span {
position: absolute;
top: 20px;
z-index: 2;
}
#picHolder img {
position: absolute;
z-index: 1;
}
- og:
<script type="text/JavaScript">
function fadeIn(oImg) {
var op;
if (oImg.filters) {
op = oImg.filters.item(0).opacity;
if (op>99) return false;
oImg.style.filter = "alpha(opacity="+(op + 1)+")";
} else {
op = parseFloat(oImg.style.mozOpacity ? oImg.style.mozOpacity : oImg.style.opacity);
if (op>0.99) return false;
oImg.style.mozOpacity = op + 0.1;
oImg.style.opacity = op + 0.1;
}
setTimeout(function(){fadeIn(oImg)}, 40);
}
</script>
<span id="picHolder">
<span>En tekst ...</span>
<img src="
http://www.eksperten.dk/img/elogo.png" style="filter:alpha(20);-moz-opacity:0.2;opacity:0.2" onload="fadeIn(this)">
</span>