Jan: Zugriff auf CSS Attribut "background-position" nicht möglich

Beitrag lesen

Hallo,

auch das ändert leider nichts an dem Problem.

Hier der angepasste Quellcode (inkl. background-image):

<html>
<head>

<script type="text/javascript">
  function test() {
   alert(document.getElementById('test1').style.backgroundPosition);
   alert(document.getElementById('test2').style.backgroundPosition);
   alert(getStyle(document.getElementById("test1"), "background-position"));
  }

function getStyle(oElm, strCssRule){
   var strValue = "";
   if(document.defaultView && document.defaultView.getComputedStyle){
    strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
   }
   else if(oElm.currentStyle){
    strCssRule = strCssRule.replace(/-(\w)/g, function (strMatch, p1){
     return p1.toUpperCase();
    });
    strValue = oElm.currentStyle[strCssRule];
   }
   return strValue;
  }

</script>

<style type="text/css">
  #test1 {
   background-position: center bottom;
   background-image: url(img/body_background.jpg);
  }
 </style>

</head>
<body onload="test()">
  <div id="test1" >test 1</div>
  <div id="test2" style="background-position: center bottom; background-image: url(img/body_background.jpg);">test 2</div>
</body>
</html>

möglicherweise hast du die Funktion falsch angewendet und nicht die richtigen Argumente übergeben ...

sorry, sehe erst jetzt, dass du getStyle() vollkommen richtig angewendet hast. Aber ein background-image hast du noch nicht definiert. Dann ist die Positionsangabe allein nicht sinnvoll.

Gruß plan_B