イオンカードを積み重ねるときのトラブル

Question

自分のサイトで回転するイオンカードを持っています。私はそれらを垂直に積み重ねる必要がありますが、カードの前面と裏面が重なっていなければ積み重ねることはできません。

angular.module('ionicApp', ['ionic']) 
.controller('MainCtrl', function($scope) {}) 
.directive('flipContainer', function() { 
    return { 
     restrict: 'C', 
     link: function($scope, $elem, $attrs) { 
      $scope.flip = function() { 
       $elem.toggleClass('flip'); 
      } 
     } 
    }; 
}); 

Answer 1

は絶対フロント相対および背面を作り、今、私は望ましい効果を持っている：カードは前のカードの下に https://codepen.io/Froelund/pen/gppBvX

AngularJSを相対積み重ねるのではなく、重複している

Codepen 。

.front { 
    position: relative; 
} 

.back { 
    position: absolue; 
}