Z-индекс со стековым контекстом - PullRequest
Новая
       1

Z-индекс со стековым контекстом

0 голосов
/ 17 мая 2018

У меня html дерево в ярлыке 

<body>
  <document-list></document-list>
  <div>
    <document-image></document-image> => parentStaticContext: html z-index:20
    <document-form> => parentStaticContext: html z-index:30
        <input></input> => parentStaticContext: html z-index:1
    </document-form>
  </diV>
</body>

Документ-изображение находится на левой стороне страницы, документ-форма справа. И я хочу отобразить некоторую часть ввода поверх Document-image. Но сейчас z-index не работает. Я устанавливаю для этого элемента положение абсолютное или относительное.

1 Ответ

0 голосов
/ 17 мая 2018

Вы должны иметь div тег как position: relative. используйте position: absolute для входного тега. используйте margin-left, чтобы выровнять его соответственно. 

<body>
  <document-list [style.position]="'relative'"></document-list>
  <div>
    <document-image></document-image> => parentStaticContext: html z-index:20
    <document-form > => parentStaticContext: html z-index:30
        <input [style.position]="'absolute'" class="margin-left-30px"></input> => parentStaticContext: html z-index:1
    </document-form>
  </div>
</body>

надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...