Question

在模态区域外需要一个半透明的背景。我得到的是不透明的白色区域。干燥的设置背景：错误的工作。

    var confirmInstance = $uibModal.open({
    animation: true,
    ariaLabelledBy: 'modal-title',
    ariaDescribedBy: 'modal-body',
    templateUrl: 'abc.html',
    size: 'sm',
    backdrop: false,
    controller:function($uibModalInstance){
                this.cancel = function() {
                    $uibModalInstance.dismiss('cancel');
                };
                this.ok=function(){
                }
    },
    controllerAs:'$ctrl',
    resolve: {
                items: function () {
                console.log("In resolve");
            }
    }
    });

以下是我的模态的Html代码：

    <div><h1>Welcome here.. doing some more displaying stuff</h1></div>
        <script type="text/ng-template" id="abc.html">
            <div class="modal-header">
            Remove {{$ctrl.type}}
                 <button type="button" class="close" data-dismiss="modal" ng-click="$ctrl.cancel()">&times;</button>
            </div>
            <div class="modal-body" id="modal-body">
               <p>Confirm request for removal of {{$ctrl.type}} {{$ctrl.name}}?</p>
            </div>
            <div class="modal-footer">
                <button class="btn-revoke" type="button" ng-click="$ctrl.ok()">Ok</button>
                <button class="btn-cancel" type="button" ng-click="$ctrl.cancel()">Cancel</button>
            </div>
        </script>

Answer 1

删除背景：false。因为默认行为是显示半透明背景。

Answer 2

你在寻找的是一个名为＆＃34; opacity＆＃34;的CSS属性，你只需用它创建一个类，并将类添加到所需的元素：

.className {
    opacity: 0.5;
}

设置为0.5的不透明度会使元素半透明，所以你仍然可以欣赏它，但你可以看透它。

有关更多文档，请访问官方网站：http://www.w3schools.com/cssref/css3_pr_opacity.asp

希望它有所帮助！

$ uibModal背景false不起作用

2 个答案: