Встречается на собеседованиях • сегодня
В чем разница работы z-index в HTML и SVG тегах
`z-index` в HTML и SVG работает по-разному из-за различий в моделях рендеринга.
**HTML**:
`z-index` управляет порядком наложения элементов в контексте стека (stacking context). Работает только для позиционированных элементах (`position: absolute`, `relative`, `fixed`, `sticky`). Чем выше значение, тем ближе элемент к пользователю.
```html
Поверх
Под
```
**SVG**:
В SVG порядок отрисовки определяется порядком элементов в DOM (последний в коде — сверху). `z-index` не влияет, если не используется CSS-позиционирование. Исключение — SVG-элементы с `position: absolute/fixed` внутри HTML.
```svg
```
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы