Если на странице несколько svgэлементов, которые перекрывают друг друга, в каком порядке они выводятся?

Question

[Владимир]

Собственно весь вопрос в заголовке. Есть структура
Блоки logo имеют позиционирование - fixed у верхнего z-index 100 у нижнего - 400
Картинки svg одинаковые но отличаются цветом. Сейчас почему то сверху лежит первый svg. Что интересно, у divпорядок правильный наверху лежит тот, у которого z-index выше, а вот на svg этот порядок не действует

<div class= "wrapper">
  <div class= "logo">
    <svg></svg>
  </div>
  <div class= "inner">
    <div class= "logo">
     <svg></svg>
    </div>
  </div>
</div>

Comments

[Lynn «Кофеман»]

Покажите живой пример со стилями.

Не верю ©

[Владимир]

Алексей Тен: И правильно, в песочнице не смог воспроизвести. Буду смотреть чего там в верстке намудрил.