The following code works well in Chrome and Mozilla, but unfortunately does not function correctly in IE11. I am attempting to apply a background color on hover to a div with the class .border-green, however this functionality is failing specifically in IE 11.
.border-green{
border-bottom: 5px solid #50BE87 !important;
display: block;
}
.border-green::before{
content: " ";
display: block;
background: linear-gradient(to top, #50BE87 59%, #6a7b886b 20%);
visibility: hidden;
transition: all 450ms ease-out;
position: absolute;
opacity: 0;
left: 15px;
top: 0%;
height: 96%;
width: 91%;
z-index: 1;
}
.border-green:hover::before {
opacity: 1;
visibility: visible;
}