Question

这似乎是一个非常z-index问题，但我无法得到解决方案。我试图让离子视图中的元素高于$ionicBackdrop。

示例笔：http://codepen.io/ankitjain11/pen/grwZav

JS：

angular.module('myApp', ['ionic'])

  .controller('IonicBackdropCtrl', function($scope, $ionicBackdrop, $timeout) {

  $scope.show = function() {
    $scope.back = true;
    $ionicBackdrop.retain();
  };
  $scope.hide = function () {
        $scope.back = false;
    $ionicBackdrop.release();
  }

});

HTML：

  <body ng-controller="IonicBackdropCtrl">
    <ion-view>
      <ion-content>
        <button class="button" ng-click="show()">
          Show Backdrop
        </button>
        <button class="button" ng-click="hide()" ng-show="back">
          Hide Backdrop
        </button>
      </ion-content>
    </ion-view>
  </body>

此处，Hide Backdrop按钮会出现在背景上。一次，背景可见。

尽管如此，我的实施并不像Pen那样直接，但仍然符合我的目的。

Answer 1

Here is关于同一问题的讨论。如本讨论中所述，您可以根据需要制定解决方法。将按钮指向body的子项，然后z-index更改将起作用。看这里http://codepen.io/anon/pen/EKNvrZ

如何获得$ ionicBackdrop之上的元素？

1 个答案: