<ole>
Det bedste, jeg kan komme op med er dette. Du kan selv rette, hvor mange skygge-steps, du vil have og du kan rode lidt med størrelsen af 'offset' og opaciteten af skyggerne. Det virker i IE5.5+, NS6+ og Mozilla. Opera skulle kunne forstå det fra version 7 ... version 6 var en ussel bruser, der er skiftet ud af de fleste.
I IE4 til og med 5.0 burde den lave en hård, massiv skygge ... har ikke testet.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title> TITLE </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.shadeHolder {
position: relative;
}
.shadeTBL {
position: relative;
left: 0px;
top: 0px;
z-index: 5;
background-color: #ffffff;
}
.shader {
position: absolute;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
}
</style>
<script type="text/JavaScript">
var d=document;
function gA(o,tN){return o.getElementsByTagName(tN)}
function pI(s){return parseInt(s)}
function doShade(tbl) {
var w, h, a, offset, cont = (d.all)? tbl.parentElement : tbl.parentNode;
w=pI(tbl.offsetWidth); h=pI(tbl.offsetHeight);
a = new Array();
for (var i=1; i<5; i++) { // Antal skygge-steps
offset = i * 2 + "px";
a[a.length] = '<img class="shader" src="test_img/blue.gif" ';
a[a.length] = 'style="width:'+w+'px;height:'+h+'px;left:'+offset+';top:'+offset+';z-index:'+i+'">';
}
cont.innerHTML += a.join("");
}
function initShadeTBLs() {
if (d.layers) return;
var aTbl = gA(d,"TABLE");
for (var i=0; i<aTbl.length; i++) {
if ( aTbl[i].className=="shadeTBL" ) doShade( aTbl[i] );
}
}
window.onload = initShadeTBLs;
</script>
</head>
<body>
<div class="shadeHolder">
<table class="shadeTBL" cellspacing="0" cellpadding="0" border="3">
<tr>
<td>Lorem ipsum dolor sit amet, consectetur<br>
adipisicing elit, sed do eiusmod tempor incididunt<br>
ut labore et dolore magna aliqua.</td>
</tr>
</table>
</div>
<br><br>
<div class="shadeHolder">
<table class="shadeTBL" cellspacing="0" cellpadding="0" border="3">
<tr>
<td>Ut enim ad minim veniam, quis nostrud<br>
exercitation ullamco laboris nisi ut aliquip ex<br>
ea commodo consequat. Duis aute irure dolor in<br>
reprehenderit in voluptate velit esse cillum</td>
</tr>
</table>
</div>
</body>
</html>
Du skal bruge en 1*1 pixel gif i den farve, du vil skygge med. Her ligger den med stien 'test_img/blue.gif' - det kan du bare rette :)
/mvh
/mvh
</bole>
Ny bruger
Nybegynder
Opret
Preview
