这似乎是一个非常 z-index 的问题,但我无法找到解决方案。
我正在尝试让 ion-view 中的元素出现在 $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 那样直接,但仍然可以达到我的目的。
最佳答案
Here is关于同一问题的讨论。并且如本讨论中所述,有您想要的解决方法。让按钮成为 body
的直接子元素,然后 z-index
更改就可以了。看这里http://codepen.io/anon/pen/EKNvrZ
关于css - 如何获得 $ionic Backdrop 之上的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35989197/