Mousemove effet de parallaxe se déplace de la position de la div

Je suis en train de créer un léger effet de parallaxe (je ne sais pas si vraiment il constitue la parallaxe, mais c'est une idée similaire). Où il y a quatre couches qui tous se déplacer légèrement différents taux lorsque la souris se déplace.

J'ai trouvé un excellent exemple qui propose quelque chose de similaire à ce que je veux:

http://jsfiddle.net/X7UwG/2/

Il réalise cela en changeant l'arrière-plan position sur la #landing-content div lorsque la souris se déplace.

$(document).ready(function(){
  $('#landing-content').mousemove(function(e){
    var x = -(e.pageX + this.offsetLeft) / 20;
    var y = -(e.pageY + this.offsetTop) / 20;
    $(this).css('background-position', x + 'px ' + y + 'px');
  });  
});

Cependant, je ne suis pas un moyen pour obtenir que cela fonctionne pas sur un background-position maj, mais sur un div position de changement. E. g position:relative; et top:x de sorte que la div elle-même se déplace autour d'un peu.

Mon raisonnement est que la div contenant les animations CSS éléments de sorte qu'il doit être un div avec le contenu à l'intérieur, pas une image d'arrière-plan.

Toutes les solutions pour cela, utilisez le code ci-dessus?

donc, vous voulez l'ensemble de la div de se déplacer - l'un avec bakcground image ?
oui, le fond de la div doit se déplacer, mais la diapositive couche doit rester statique.
voici un exemple avec trois couches. Cependant, ils sont encore des images de fond. J'ai besoin d'eux pour être divs avec le contenu à la place. jsfiddle.net/X7UwG/851
Quelqu'un peut-il m'expliquer pourquoi cette question est marqué "Cette question ne semble pas être sur la programmation"

OriginalL'auteur Francesca | 2015-06-10