H5W3
当前位置:H5W3 > 其他技术问题 > 正文

神问题,VUE打包出来,Css冲突。

问题描述

vue打包出来 打包出2个css文件
clipboard.png

clipboard.png

在一个地方写的代码 打包出来 一个z-index 10001 一个是4

问题出现的环境背景及自己尝试过哪些方法

什么修改引用css的顺序

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
.el_dialog.el_dialog_one {

        z-index: 10001!important;
    }
    .el_dialog {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        overflow: auto;
        margin: 0;
        z-index: 10001!important;
        background: rgba(0,0,0,0.5);
        -webkit-font-smoothing: antialiased;

你期待的结果是什么?实际看到的错误信息又是什么?

解决问题呗。

回答:

引css的时候是不是没有用scoped属性

回答:

这个问题 我解决了,是webpack有个优化功能,自动将他认为没意义的zindex给优化了。

本文地址:H5W3 » 神问题,VUE打包出来,Css冲突。

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址