Слои выдают с помощью Z-Index

Question

У меня есть 2 элемента управления один над другим: граница над ползунком. на границе пользователь может пометить сегмент, чтобы он отображался другим цветом на слайдере. Поскольку граница написана после ползунка в xaml, она появляется сверху ползунка. и это нормально. Моя проблема в том, что большой палец ползунка также появляется под границей.

Как настроить элемент Thumb (принадлежащий элементу управления ползунком и внутри него) так, чтобы он отображался поверх всех элементов, а также граница сверху ползунка? Я пытался использовать zIndex, но безуспешно. Есть идеи?

Answer 1

В CSS:

Убедитесь, что ваши элементы расположены абсолютно или относительно.z-index на самом деле не играет роли в наслоении, если элементы не расположены абсолютно или относительно.После этого вы сможете установить один из них:

z-index: 1;

, а другой с помощью:

z-index: 2;

и получите желаемый результат.

В WPF:

Используйте указанный здесь синтаксис

Вот пример:

Убедитесь, что оба ваших элемента находятся в одном родительском элементе, иначе они будут отображаться в том порядке, в котором они были загружены.