Ich arbeite gerade an einer Lösung, wo ich oben eine Fehlermeldung (z-index) anzeigen muss.
Der Abschnitt hat das Attribut css overflow auf scroll oder hidden gesetzt. Dies führt dazu, dass die Fehlermeldung auf der linken Seite abgeschnitten wird.
Ich würde sehr gerne das DOM behalten, wie es ist. Gibt es eine Möglichkeit, das div für die Fehlermeldung "über" dem blauen div. Anzuzeigen.
HTML:
%Vor%** CSS: **
%Vor% edit: 2 Wege, dies zu erreichen. Relativ positioniertes (zusätzliches) Element in einem absolut positionierten Element oder (neu) ein absolut positioniertes Element und transform .
Sie erreichen dies, indem Sie position: absolute für den Container der Fehlermeldung und einen zusätzlichen div relativ zwischen Container und Nachricht verwenden.
Das DOM ist leicht modifiziert, aber ohne ganze Blöcke von Code zu bewegen, vielleicht ist es OK mit Ihren Anforderungen?
Relevantes HTML :
%Vor%Relevant CSS :
%Vor% BEARBEITEN: Es ist 2016 und transform: translate(X, Y) ist mit einer großen Anzahl von Browsern kompatibel (IE9 + gemäß caniuse.com ).
Hier ist ein anderer Weg, um das zu erreichen, was OP benötigt, ohne dass ein zusätzliches Element benötigt wird: