Angular UI Bootstrap模式中的子div的背景

Question

我正在使用Angular UI Bootstrap模式服务。我有阴影的问题，我想在不同的div上放置阴影，以便它几乎全屏放置（我在附件中绘制一个例子）。如何控制放置哪个div背景？

我的模态服务如下所示：

[angular.module('myModule').factory('modalFactory', function ($modal, $modalStack) {
        return {
            open: function () {
                $modal.open({
                    templateUrl: 'templates/modaltmp',
                    backdrop: 'static',
                    dialogFade: false,
                    keyboard: false,
                    controller: 'modalController as modalCtrl',
                });
            },
            close: function (reason) {
                $modalStack.dismissAll('close');
            }
        };
    });]