Hat jemand eine Idee, wie ich es schaffe ein Bild fest ( bei Bedarf ZB Urlaubszeiten oder Aktionen) vor den Slider zu stellen der beim Sliden quas Stehen bleibt
[gelöst] Bild vor Slider platzieren welchen beim sliden stehen bleibt
-
Lege das Bild in den Container div.row unterhalb von section#home:
Code<section id="home" class="slider" data-stellar-background-ratio="0.5" style="background-position: 0% 0px;"> <div class="row"> <img class="ovl" src="das-bild.jpg">Und gib ihm dieses CSS:
Codeimg.ovl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; object-fit: cover; } -
Emess
Hat den Titel des Themas von „Bild vor Slider platzieren welchen bein sliden stehen bleibt“ zu „Bild vor Slider platzieren welchen beim sliden stehen bleibt“ geändert. -
Was heißt denn genau, dass es suboptimal ist? Weil das aufgeklappte Menü den Slider und das zusätzliche Bild überdeckt?
-
Was heißt denn genau, dass es suboptimal ist? Weil das aufgeklappte Menü den Slider und das zusätzliche Bild überdeckt?
Nein das ist schon OK.
Wäre halt schön wenn es sich responsiv angleichen würde, so dass es sich am mobilen Bildschirm am besten Mittig ausrichtet
-
OK, Zentrierung ist natürlich auch kein Problem:
Code
Alles anzeigenimg.ovl { position: absolute; /* Wir setzen zunächst die linke obere Ecke des Bildes in die Mitte */ top: 50%; left: 50%; /* Jetzt verschieben wir es um 50% seiner Größe nach links oben */ transform: translate(-50%, -50%); z-index: 999; } -
Emess
Hat den Titel des Themas von „Bild vor Slider platzieren welchen beim sliden stehen bleibt“ zu „[gelöst] Bild vor Slider platzieren welchen beim sliden stehen bleibt“ geändert.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!