God problem, VUE packaged out, Css conflict.

problem description

vue package out 2 css files
clipboard.png

clipboard.png

Code written in one place is packaged into a z-index 10001 and one is 4

.

the environmental background of the problems and what methods you have tried

what modifies the order of referencing css

related codes

/ / Please paste the code text below (do not replace the code with pictures)
.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;

what result do you expect? What is the error message actually seen?

solve the problem.

When

quotes css, is the scoped attribute


the problem solved. Webpack has an optimization function that automatically optimizes the zindex that he thinks is meaningless.

Menu