nicht angemeldet
Ich habe in einer externen CSS-Datei u.a.folgende Definition:
========================================
body {
font-family: Verdana, Arial, sans-serif;
background-image: url(../../images/bg_green.png);
color: #A52A2A;
font-size: 12px;
margin: 0px;
scrollbar-base-color: #F0F7DA /*#BEDAB7*/;
scrollbar-3dlight-color:#AAD79D;
scrollbar-arrow-color:Brown;
scrollbar-darkshadow-color:#7BBA52;
scrollbar-highlight-color:#E3EBE2;
crollbar-shadow-color:#ABD390;
scrollbar-track-color: Brown /* #F0E68C #E3EBE2*/;
}
========================================
Es wird dem Body also auch ein "background-image" gegeben, was auch ordnungsgemäß dargestellt wird. (Auch die anderen in dieser Datei definierten Styles werden richtig angewendet.)
Innerhalb der HTML-Seite möchte ich nun per Javascript einem (DIV-)Element dieses Background-Image zuweisen, mit folgendem Code:
document.getElementById("div_id").style.backgroundImage=document.body.style.backgroundImage;
Der Code wird auch fehlerlos verarbeitet, das Problem ist nun aber, dass "document.body.style.backgroundImage" einen leeren String, und nicht, wie ich erwartet hatte, so etwas wie "url(../../images/bg_green.png)".
Im Anhang füge ich eine Graphik bei, die einen Auschnitt der Anzeige des Objektbrowsers des MS-Skript-Debuggers für "document.body.style" zeigt.
Interessanterweise sind da alle Styles leer!
"document.body.background" ist übrigens auch leer!
Aber das Background-Image wird wunderbar angezeigt.