Ergebnis 1 bis 8 von 8

Thema: Transparenz bei Slider Bildunterschrift Hintergrund ändern

  1. #1
    Contao-Nutzer
    Registriert seit
    12.04.2018.
    Beiträge
    4

    Standard Transparenz bei Slider Bildunterschrift Hintergrund ändern

    Hallo

    Ist es möglich die Deckkraft / Transparenz beim weissen Hintergrund der Bildunterschrift des Slider zu ändern? Ich möchte die Transparenz, wenn die Maus nicht auf dem Text ist reduzieren, da bei manchen Bildern aktuell der Text fast nicht lesbar ist.

    Vielen Dank im voraus für Tipps und Hinweise.

    Gruss Ervin

  2. #2
    Contao-Urgestein Avatar von Samson1964
    Registriert seit
    05.11.2012.
    Ort
    Berlin
    Beiträge
    2.794

    Standard

    Um welchen Slider geht es? Mir fällt aus dem Core nur der Content Slider ein.

    Gesendet von meinem L52 mit Tapatalk
    Viele Grüße
    Frank

    Seit Mai 2013 Fan von Contao
    Webmaster vom Deutschen Schachbund und Berliner Schachverband
    Mein Blog: Schachbulle
    Meine Erweiterungen bei GitHub
    Meine Videos auf YouTube: Playlist zur Contao-Programmierung/Einrichtung

  3. #3
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.751
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Link zur Seite könnte vielleicht auch hilfreich sein.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  4. #4
    Contao-Nutzer
    Registriert seit
    12.04.2018.
    Beiträge
    4

    Standard

    Der Link zur Website lautet: www.physioanders.ch

    Wäre natürlich toll wenn sich das via CSS übersteuern lassen würde.

  5. #5
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.335
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ja, da hast du für die Bildunterschirft (figcaption) irgendwo eine Transparenz von 0.2 in deinem CSS gesetzt.

    HTML-Code:
    .content-slider figcaption {
        opacity: 0.8;
    }
    Sollte helfen.

  6. #6
    Contao-Nutzer
    Registriert seit
    12.04.2018.
    Beiträge
    4

    Standard

    Wenn ich dies anwende, so verändert sich die Deckkraft wenn ich mit der Maus über den Text fahre, ich möchte jedoch die Opaccity auf 0.5 stellen wenn die Maus nicht auf dem Text ist.

  7. #7
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.078
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Die Transparenz kommt daher:
    Code:
    figure.image_container figcaption {
        position: absolute;
        background: white;
        padding: 40px;
        text-transform: uppercase;
        background: rgba(255, 255, 255, .2);
        bottom: 50px;
        color: #333732;
        font-weight: 300;
        font-size: 25px;
        width: 50% !important;
        line-height: 150%;
        -moz-transition: background .5s;
        -webkit-transition: background .5s;
        transition: background .5s;
    }
    Hier müsste dann die Hintergrundfarbe entsprechend anders gesetzt werden, also z.B.
    Code:
        background: rgba(255, 255, 255, .5);

  8. #8
    Contao-Nutzer
    Registriert seit
    12.04.2018.
    Beiträge
    4

    Standard

    Vielen Dank, jetzt hats geklappt.

    Gruss Ervin

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •