Meine Frage bezieht sich auf diese Frage:

Zeigen Sie das untergeordnete Element mit CSS über dem übergeordneten Element an

Die Antwort auf diese Frage zu setzenoverflow: visible, arbeitet nur für einen Elternteil eines Kindes. Ich habe jedoch Reihen dieser Elemente; Zeilen von Eltern, in denen das Kind über dem Elternteil angezeigt werden soll. Ich kann das Kind nicht über dem ursprünglichen Elternteil anzeigen lassen, aber ich kann das Kind nicht über den Geschwistern der Eltern anzeigen lassen. Um Ihnen eine Vorstellung davon zu geben, wovon ich spreche, ist hier ein Screenshot:

Ich möchte, dass das Options-Popup, das Element, das sich hinter den nächsten beiden Zeilen versteckt, über diesen beiden Zeilen angezeigt wird, so wie es über dem unmittelbar übergeordneten Element angezeigt wird. Ich habe damit rumgespielt und es nicht herausgefunden, also kann hoffentlich jemand hier helfen.

Hier ist die Grundstruktur:

.row,
.selector {
  position: relative;
}

.label,
.selector {
  display: inline-block;
}

.selector {
  overflow: visible;
}

.selector-inner {
  display: block;
}

.selector-arrow {
  float: right;
  width: 21px;
  height: 21px;
  background: url(arrow.png) no-repeat center center;
}

.selector-caption {
  display: inline-block;
}

.options-popup {
  position: absolute;
  z-index: 100;
  top: 0px;
  right: 0px;
}

.options-item {
  /* only for fonts and sizes */
}

<div class="row">
  <div class="label">Color Scheme:</div>
  <div class="selector">
    <div class="selector-inner">
      <div class="selector-arrow"></div>
      <div class="selector-caption">Standard</div>
    </div>
    <div class="options-popup">
      <div class="options-item">Standard</div>
      <div class="options-item">Dark</div>
      <div class="options-item">Light</div>
    </div>
  </div>
</div>

Was kann ich mit dem CSS tun, damit das Options-Popup über allen anderen Elementen angezeigt wird? Muss ich irgendetwas mit dem HTML tun?