Does not work in IE11 - Advanced Double Navigation with hid

Topic: Does not work in IE11 - Advanced Double Navigation with hidden SideNav & fixed Navbar

delphiadev pro asked 7 years ago

Your 'Advanced Double Navigation with hidden SideNav & fixed Navbar' is not working in IE11. Here is the example on your site https://mdbootstrap.com/previews/docs/latest/html/navigation/side-nav-hidden-navbar-fixed.html

Add comment

nextweb pro answered 7 years ago

1 0 Best answer

Try something like this. Should work OK, but it's maybe not the best solution though..

@media all and (-ms-high-contrast:none){
 .side-nav .sidenav-bg {
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 width: 240px;
 z-index: -1;
 background-attachment: fixed;
}
 *::-ms-backdrop, .side-nav .sidenav-bg {
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 width: 240px;
 z-index: -1;
 background-attachment: fixed;
}
}

Add comment

Marta Szymanska staff pro premium answered 7 years ago