aucma-benchmarking-factory/ruoyi-admin/src/main/resources/static/css/board/month.css

body {
    height: auto;
    width: auto;
    background: url(../../img/board/month/backgroundImg.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    color: rgba(255, 255, 255, .95);
    font: normal 100% Arial, sans-serif;
}

.satisfaction{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 15%;
    left: 2.5%;
}
.outputStatistics{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 60%;
    left: 2.5%;
}
.quality{
    position: absolute;
    width: 23%;
    height: 35%;
    top: 60%;
    left: 26.5%;
}
.ecosphere{
    background: url(../../img/board/month/one.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 23%;
    height: 35%;
    top: 15%;
    left: 26.5%;
}
.HighlightOne{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 10%;
    height: 17.5%;
    top: 15%;
    left: 50.5%;
}
.HighlightTwo{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 10%;
    height: 17.5%;
    top: 15%;
    left: 63.5%;
}
.HighlightThree{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 10%;
    height: 17.5%;
    top: 33.5%;
    left: 50.5%;
}
.HighlightFour{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 10%;
    height: 17.5%;
    top: 33.5%;
    left: 63.5%;
}