переход не применяется с z-index - PullRequest
Новая
       12

переход не применяется с z-index

0 голосов
/ 13 ноября 2018

У меня есть нижний колонтитул в зависимости от 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>

1007 * 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 с переходом сработает. м строит нахальный путь

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 13 ноября 2018 
  .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); 
}
...