过渡不适用于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而不是页脚。

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

我们可以通过动画或zindex进行转换吗？ m建立无礼的方式

希望得到任何帮助。

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); 
}