Html 警惕模态

我试图在模式顶部显示此警报，但无法使其正常工作。相反，它显示在模态后面

html：

    <alert class="alertmessage" ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">
            <small>{{alert.msg}}</small>
    </alert>

模式css如下所示：

    element.style {
        z-index: 1040;
        display: block;
    }

---

我错过了什么？我希望看到警报出现在模式的顶部。

您可以尝试将警报代码放在模式div本身的div中，并将其隐藏，然后在需要时触发警报。

---

如果警报在模式内，则肯定会出现在模式上方。

您可以尝试将警报代码放在模式div本身的div中，并将其隐藏，然后在需要时触发警报。

---

如果警报在模式内，那么它肯定会出现在模式上方。

这里有一个更新的提琴，对您有效

我所做的唯一改变是添加

z-index: 999999;

---

这是一把最新的小提琴，对你有用

我所做的唯一改变是添加

z-index: 999999;

---

这些容器中的每个容器都可能有不同的z索引覆盖子z索引。对于模式，没有大于1050的z索引。我甚至试过z-index:999999999999999999999999999999999！重要的对于.alertmessage类，但这没有帮助！！我也看不到任何超控。希望在引导模式方面有经验的人能够回答。如果某个地方的父母的Z指数比其他地方的低，孩子的Z指数并不重要。例如，如果我有两个索引为1和2的div A和B，那么无论我在A中的div上放置什么，它都将始终位于B之下，因为父容器z索引将重写。请发布所有相关的HTML和CSS。无需继续编写代码，但仍然无法重新生成错误。我删除了z索引，警报仍然位于modali之上。我使用angularJS，并且无法在模式代码中包含警报，因为警报是全局调用的。当我将警报放在modal之外时，它仍然落后：它们中的每个容器都可能有不同的z索引覆盖子z索引。modal没有大于1050的z索引。我甚至试过z-index:999999999999999999999999999999999！重要的对于.alertmessage类，但这没有帮助！！我也看不到任何超控。希望在引导模式方面有经验的人能够回答。如果某个地方的父母的Z指数比其他地方的低，孩子的Z指数并不重要。例如，如果我有两个索引为1和2的div A和B，那么无论我在A中的div上放置什么，它都将始终位于B之下，因为父容器z索引将重写。请发布所有相关的HTML和CSS。无需继续编写代码，但仍然无法重新生成错误。我删除了z索引，警报仍然位于modali之上。我使用angularJS，并且无法在模式代码中包含警报，因为警报是全局调用的。当我把警报放在模态代码之外时，它仍然落后：我的意思是把警报消息放在模态代码里面。它对我很有效，检查更新的fiddle：我使用的是AngularJS，不能在模式代码中使用它，因为我也必须调用非模式错误报告的警报。另外，当我尝试在警报顶部使用div时，整个网站都会进入覆盖模式！！看来我得自己想想了，因为我不能分享整个网站：/I我的意思是把警告信息放在模式代码中。它对我很有效，检查更新的fiddle：我使用的是AngularJS，不能在模式代码中使用它，因为我也必须调用非模式错误报告的警报。另外，当我尝试在警报顶部使用div时，整个网站都会进入覆盖模式！！看来我得自己弄清楚了，因为我不能分享整个网站：/出于某种原因，它在这里有效，但在我的AngularJS上无效！我最初添加了x索引。无论如何，我已经删除了警报系统，取而代之的是我在模式本身上抛出红色的错误。非常感谢：）出于某种原因，它在这里有效，但在我的AngularJS上无效！我最初添加了x索引。无论如何，我已经删除了警报系统，取而代之的是我在模式本身上抛出红色的错误。非常感谢：）