HaThoV: Schatten möglich bei divs per css?

Beitrag lesen

Hallo!

Tach Gabi.

Jetzt würde ich gerne wissen ob es möglich ist, diesem Container
für border-left und border-right einen Schatten auf den "body" fallend per CSS zu spendieren? border-right: 1px shade solid black;
klappt nicht.

Wäre auch ein komischer Schatten, weil er oben rechts und unten links bündig wäre.

Aber wie wär's hiermit:

<html>
<head>
<title>Guckst Du!</title>
<meta name="author" content="Ich">
<meta name="generator" content="Zweifingeradlersuchsystem">
<style type="text/css">
body {
 background:gold}
#schatten,#objekt {
 position:absolute;
 width:50%;
 height:50%;
 -moz-border-radius:12px;
}
#schatten {
 top:27%;
 left:26%;
 background:darkred;
 -moz-opacity:0.5;
 filter:Alpha(opacity=50);
}
#objekt {
 top:25%;
 left:25%;
 border:2px outset springgreen;
 background:green;
}
</style>
<script type="text/javascript">
function ChangeBG() {
 with (document.getElementsByTagName('body')[0].style)
  {if (backgroundColor == 'darkslategray') backgroundColor = 'gold'
   else backgroundColor = 'darkslategray'
  }
 return false
}
</script>
<noscript></noscript>
</head>
<body>
 <div id="schatten"></div>
 <div id="objekt">
   <a href="#" onclick="ChangeBG()">Hintergrundfarbe ändern</a>
 </div>
</body>
</html>

Liebe Grüße
Gabriele

Alles Liebe auch!
HTV