Мой вопрос связан с этим вопросом:
Показать дочерний элемент над родительским элементом с помощью CSS
Ответ на этот вопрос, чтобы установить overflow: visible
, работает для только один родитель одного ребенка. Однако у меня есть ряды этих элементов; строки родителей, где мне нужно, чтобы ребенок отображался над родителем. Я могу заставить дочерний элемент отображаться поверх исходного родителя, но я не могу заставить дочерний элемент отображаться поверх братьев и сестер родителей. Чтобы дать вам представление о том, о чем я говорю, вот скриншот:
Я хочу, чтобы всплывающее окно параметров, элемент, скрывающийся за следующими двумя строками, отображалось над этими двумя строками, как показано на рисунке. выше своего непосредственного родителя. Я возился с этим и не понял, так что, надеюсь, кто-то здесь сможет помочь.
Вот основная структура:
.row, .selector { position: relative; } .label, .selector { display: inline-block; } .selector { переполнение: видимое; } .selector-inner { display: block; } .selector-arrow { float: right; ширина: 21px; высота: 21px; фон: url(arrow.png) центр без повторов; } .selector-caption { display: inline-block; } .options-popup { позиция: абсолютная; z-индекс: 100; верх: 0px; справа: 0 пикселей; } .options-item { /* только для шрифтов и размеров */ }
Цветовая схема:
Что я могу сделать с CSS, чтобы всплывающее окно параметров отображалось поверх всех остальных элементов? Нужно ли что-то делать с HTML?