It is not clear what you are trying to do, but you can setup multiple div as background like this:
.element {
position: relative;
width: 300px;
height: 300px;
background: rgba(255, 0, 0, .5);
}
.background {
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
}
.background.bg1 {
background: rgba(0, 0, 255, .5);
}
.background.bg2 {
background: rgba(0, 255, 0, .5);
}
.background.bg3 {
background: rgba(0, 0, 0, .5);
}
<div class="element">
<div class="background bg1"></div>
<div class="background bg2"></div>
<div class="background bg3"></div>
</div>
solved Is it possible to add Several bgcolor to one HTML page,Not background-color [closed]