javascript funktion .load html -> in div-Element

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Der Trick ist, alle Bereiche übereinanderzulegen – in dieselbe Grid-Zelle – und den ersten Bereich nicht auszublenden, sondern alle anderen – und das nur in Grid unterstützenden Browsern (feature query @supports (display: grid)).

Braucht man gar nicht, wenn man nicht mit display: none ausblendet, sondern den jeweils anzuzeigenden Bereich mit z-index nach vorne holt. Dann sollte das auch in IE 10 und 11 funktionieren, die Grid (eingeschränkt; mit Präfix) unterstützen, aber nicht @supports.

☞ Grid-Variante 2 🇫🇷 (ungetestet in IE)

„Funktionieren“ mit der Einschränkung, dass die gesamte Lösung aus Gründen nicht funktioniert.

LLAP 🖖