How to make the background color so it doesn’t overlap before?
I have a table (td) that absolutely needs to be filled with color, but when I try to do this, the background-color overlaps my lines (before), how can I avoid this behavior? How can I make the background-color of the td so that it doesn’t overlap my before lines?
<code> td {
width: 56px !important;
white-space: nowrap;
z-index: 2;
border-left: 1px solid #e6e6e6;
background-color: green; // Problem
}
.td:before {
content: '';
position: absolute;
z-index: 1;
width: 1px;
height: 107%;
top: -2px;
left: 21px;
background: #5199ff;
}
</code>
<code> td {
width: 56px !important;
white-space: nowrap;
z-index: 2;
border-left: 1px solid #e6e6e6;
background-color: green; // Problem
}
.td:before {
content: '';
position: absolute;
z-index: 1;
width: 1px;
height: 107%;
top: -2px;
left: 21px;
background: #5199ff;
}
</code>
td {
width: 56px !important;
white-space: nowrap;
z-index: 2;
border-left: 1px solid #e6e6e6;
background-color: green; // Problem
}
.td:before {
content: '';
position: absolute;
z-index: 1;
width: 1px;
height: 107%;
top: -2px;
left: 21px;
background: #5199ff;
}
When green turns on, the blue lines on the left disappear
1