样式后不会单击模态关闭按钮

Question

我正在尝试向模式窗口添加一个简单的关闭按钮，只要我不设置关闭按钮的样式，它就可以工作。问题是，我需要对其进行样式设置。

我知道这个问题的变种已经出现，但这里有问题的按钮不只是在页面 HTML 中。这是一个在工厂中创建的简单模式窗口。它具有以下配置设置：

    var modalScope = $rootScope.$new();
    var confirmationModalSetup = {
        templateUrl: 'views/ui-framework/confirmation-modal.html',
        controller: 'ConfirmationModalCtrl',
        keyboard: false,
        backdrop: 'static',
        scope: modalScope
    };

我不确定他们为什么选择 rootScope，但它就是这样，我觉得范围界定没问题，因为只要我不设置按钮样式，就会调用 ng-click 函数。我想为它添加一个侦听器，但是当我尝试在控制器中这样做时，它总是在模式存在之前被调用，因此按钮元素尚不存在以应用侦听器。

这似乎应该是一件很常见的事情，所以我确定我错过了一些简单的东西 - 有什么想法吗？

Answer 1

好的，经过更多的修补，我明白了。通过将这些条目添加到 CSS 样式中，它似乎唤醒了按钮：

位置：相对； z-index: 100;