过渡不适用于 z-index

Question

我有一个页脚，这取决于 tglinsetftrp 必须完成过渡效果。他们的侧边栏用于切换页脚

 <footer className={"page-footer font-small blue  " + (this.props.dltheme? 'darkfooter':'lightfooter') + (this.props.tglinsetftrp?' ftInsetTransIn':' ftInsetOut')}>                    
            <div className="footer-copyright text-center py-3">© 2018 Copyright:                     
            </div>                    
        </footer>

css

.ftInsetOut{
    margin-left:0px ;
    z-index: 8;
    position: relative;
    @include transition(all 0.9s ease);

 }
.ftInsetTransIn{
    margin-left: -250px;
    position: relative;
    @include transition(all 0.5s ease); 
 }

这里这些页脚过渡效果应用于内部 div 而不是页脚。我用谷歌搜索了 n 尝试解决方案不起作用。

z-index 应用于页脚，但不是过渡效果。

我们可以通过动画或带有过渡的 zindex 来实现吗？ 我正在构建 sass 方式

感谢任何帮助。

Answer 1

  .ftInsetOut{
    left:0 ;
    bottom: 0;
    width: 100%;
    height: 32px;
    z-index: 8;
    position: relative;
    @include transition(all 0.9s ease);

}
.ftInsetTransIn{
    left: 250px;
    bottom: 0;
    width: 100%;
    height: 32px;        
    position: relative;
    @include transition(all 0.5s ease); 
}