diff options
| author | Martijn Cuppens <[email protected]> | 2018-10-29 21:11:50 +0100 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-10-30 08:57:02 +0200 |
| commit | 5aed968750177ec35f99dc03e71eec3632beb844 (patch) | |
| tree | e4a3c6c0dab1dfe588b7ed6e779d4b9754ed804e /scss/_carousel.scss | |
| parent | 5e6b53a7c012be9bcef5b2c5edc7b3cdafc102a7 (diff) | |
| download | bootstrap-5aed968750177ec35f99dc03e71eec3632beb844.tar.xz bootstrap-5aed968750177ec35f99dc03e71eec3632beb844.zip | |
Prevent the background to be shown when transitioning
Diffstat (limited to 'scss/_carousel.scss')
| -rw-r--r-- | scss/_carousel.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 9693b129e..5681c1f27 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -89,12 +89,15 @@ .carousel-item.active, .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { + z-index: 1; opacity: 1; } .active.carousel-item-left, .active.carousel-item-right { + z-index: 0; opacity: 0; + @include transition(0s $carousel-transition-duration opacity); } } @@ -108,6 +111,7 @@ position: absolute; top: 0; bottom: 0; + z-index: 1; // Use flex for alignment (1-3) display: flex; // 1. allow flex styles align-items: center; // 2. vertically center contents |