html - 光谱颜色选择器的 z-index 不起作用

标签 html css angularjs

任何人都请帮助我,我在弹出模式中使用光谱颜色选择器,但光谱颜色选择器在弹出模式后面,我想要弹出模式前面的颜色选择器。我使用 z-index 但不工作,我定义 z-index: 9999999 !important;,但是在构建元素使用 gulp build 之后,z-index 的值是 z-index: 9 !important;,我使用 angularJS。

如何解决这个问题? 谢谢。

enter image description here

最佳答案

我将进行猜测并假设您正在使用 cssnano 来缩小您的 CSS。有一个小配置选项,您应该将其设置为 true 以避免 z-index rebase :http://cssnano.co/options/#optionssafe-bool .

在您的 gulpfile.js 中,您需要设置此选项,如下所示:cssnano({safe: true})

关于html - 光谱颜色选择器的 z-index 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41275512/

相关文章:

html - CSS:显示: block ;与显示:表格;

javascript - 如何防止表单输入在接收到 `Enter` 键时重新加载页面

javascript - 我可以使用 $scope 变量作为 div 背景图像吗

javascript - 如何将所有复选框的 id 传递给 JavaScript 函数

html - 遮住 window 的小缝隙

css - HTML5 占位符文本上的文本阴影

html - html元素的固定位置

html - 居中一个div标签

javascript - angularjs ui bootstrap datepicker意外添加一天

javascript - 显示 : flex and svg 的奇怪鼠标事件