如何解决Z-index 在 CSS 中包含 #
我最近从 angular 10 更新到了 12。
我使用 SCSS。
更新后,我注意到我的徽标在内容后面,并且我所有的 z-index 值都在值前面加上了 # 并且我不知道原因,也找不到有关此更改源自或的任何好的信息这是什么原因。
除了包的 src package.json 更新外,我的配置文件或构建管道没有任何变化
我也使用 angular material 作为我的 UI 组件库,并额外导入了引导间距模块
我知道 CSS 无效。 (构建后)。它在设计时有效,但在运行时构建后,无论出于何种原因,它都会预先添加主题标签。
更新前不是这样
这是设计时间
这是我在这里遗漏的一些新的角度功能吗?在文档中找不到任何相关内容。
这与常春藤有关吗?
编辑:
我相信这可能与最近从@import 更改为@use 语句的sass API 更改有关。 ng update
命令应该(根据文档)为我更新和重构 scss,但事实并非如此。
一旦我完成重构,如果它解决了问题,我会在这里发布它作为答案
解决方法
更新到最新的 Angular 可用版本。我在 12.0.1 中遇到了同样的问题,在 ng update
(12.0.5) 之后该问题得到了解决。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。