billede-skygge i CSS

Du kan bruge denne

filter: progid:DXImageTransform.Microsoft.dropShadow( Color=999999,offX=3,offY=3,positive=true);

men det er ret IE specifikt så vidt jeg ved

Cool - Kan jeg ikke få dig til at skrive hele koden - inkl billede.. Har aldrig arbejdet med css før :o(

Det virker kun i IE v. 5.5 og opefter.
Du kan ikke validere dit website med koden "filter".

Men du kan så nemt som ingenting lægge en skygge på i Photoshop. Og så verker det i ALLE browsere og kan valideres fint.  :-)

Derfor vil jeg anbefale dig:
Opret et nyt sp. under billedbehandling.

Et lækkert script olebole kastede sig igennem for et ½ års tid siden (3 filer !-):

html-filen:
------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="shader.css">
<script language="javascript" type="text/javascript" src="shader.js"></script>
</head>
<body>
Testside<p>
<div class="shadeHolder">
<img class="shadeIMG" src="http://www.eksperten.dk/img/eksperten_logo_new.gif">
</div>
</body>
</html>

------------------------------------------------------------------------------------------
shader.css

.shadeHolder {
    position: relative;
}
.shadeTBL {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #ffffff;
}
.shader {
    position: absolute;
    background-color: #000080;
}
.shadeIMG {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #ffffff;
}
------------------------------------------------------------------------------------------
shader.js

.shadeHolder {
    position: relative;
}
.shadeTBL {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #ffffff;
}
.shader {
    position: absolute;
    background-color: #000080;
}
.shadeIMG {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 5;
    background-color: #ffffff;
}

roenving:
Hvad øh... det virker altså ikke.
Kan du ikke venligst få chekket op på koderne? Det er faktisk lige hvad jeg står og skal bruge nu, så du må meget gerne kigge det igennem én gang til, tak.  :-)

...det er sikkert derfor, at bruhnsweb ikke har accepteret dit svar, uden at vide at det faktisk er ret praktisk! ;-)

Det virker godt nok fuldstændigt uden problemer hos mig den dag idag i alle mine browsere (efter adskillige væsentlige opdateringer af både xp og ie !-)

*lol*

-- shader.js-koden ser således ud:

var startOpacity = 25; // Sæt selv start-opaciteten
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, opac, cont = (d.all)? tbl.parentElement : tbl.parentNode;
    w=pI(tbl.offsetWidth); h=pI(tbl.offsetHeight);
    a = new Array();
    var steps = (d.all && !window.createPopup)? 1 : 4; // Antal skygge-steps
    for (var i=1; i<steps+1; i++) {
        offset = i + "px";
        opac = startOpacity / i;
        a[a.length] = '<img class="shader" src="spacerblaa.gif" ';
        a[a.length] = 'style="width:'+w+'px;height:'+h+'px;left:'+offset+';top:'+offset+';z-index:'+i+';';
        if (d.all) a[a.length] = 'filter:alpha(opacity='+opac+')">';
        else a[a.length] = '-moz-opacity:'+(opac/100)+'">';
    }
    cont.innerHTML += a.join("");
}

function initShades() {
    if (d.layers) return; //bemærk dur ikke i NN4
    var aTbl = gA(d,"TABLE");
    for (var i=0; i<aTbl.length; i++) {
        if ( aTbl[i].className=="shadeTBL" ) doShade( aTbl[i] );
    }
    var aImg = gA(d,"IMG");
    for (var i=0; i<aImg.length; i++) {
        if ( aImg[i].className=="shadeIMG" ) doShade( aImg[i] );
    }
}
window.onload = initShades;

Mærkeligt... Jeg har nemlig testet både i IE, Firefox + Opera.

Nå, men den nye du har uploadet, virker tilgengæld helt fint, så det er jo OK.  :-)