不同 CSS 的 z-index 是否可以一起工作？

Question

我正在编写一段代码，我想在其中显示旋转木马上的通知下拉菜单。为此，我使用 z-index property。我有两个不同的 CSS 文件，一个用于通知下拉菜单，另一个用于轮播。

我为通知下拉菜单提供了较高的 z-index 值，为轮播提供了较低的 z-index 值。这些值位于两个不同的 CSS 文件中。

z-index 属性 是否可以在这种情况下工作，因为 CSS 通知下拉列表和轮播的文件不同？

Answer 1

z-index 是 CSS 2.1 (docs) 中框的 属性。它在其中指定的 CSS 文件应该无关紧要，只要它针对正确的框即可。

如果在多个文件中给出了不同的索引，CSS 歧义规则适用。

为了更好地理解这个概念，CSS 在呈现内容时使用堆叠上下文。 Appendix E 是一篇深入研究的好文章。