Like Tree3Danke
  • 1 Beitrag von spicelab
  • 1 Beitrag von spicelab
  • 1 Beitrag von spicelab
ERLEDIGT
NEIN
ANTWORTEN
7
ZUGRIFFE
2645
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
  1. #1
    Alex S ist offline Mitglied Bronze
    Registriert seit
    Aug 2011
    Beiträge
    46
    Hallo User,

    Ich habe folgendes Problem: Ich habe auf meiner Website eine Art Bildergalerie. Wenn man auf ein Bild klickt öffnet sich ein Div Container mit dem Bild und ein paar Kommentare. Jetzt möchte ich das sich der Hintergrund abdunkelt, wenn sich der Div Container öffnet.

    Ich hoffe ihr könnt mir helfen.

    Alex S.
     
    Ich kann dir in folgenden Themen helfen: PHP, MySQL, HTML und CSS

    Für Rechtschreibfehler übernehme ich keine Verantwortung

  2. #2
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.718
    Dein Betreff Hintergrund abdunkeln via (CSS-)Forensuche führt zu Seite abdunkeln?.
     

  3. #3
    Alex S ist offline Mitglied Bronze
    Registriert seit
    Aug 2011
    Beiträge
    46
    Zitat Zitat von spicelab Beitrag anzeigen
    Dein Betreff Hintergrund abdunkeln via (CSS-)Forensuche führt zu Seite abdunkeln?.
    Und was heißt das?
     
    Ich kann dir in folgenden Themen helfen: PHP, MySQL, HTML und CSS

    Für Rechtschreibfehler übernehme ich keine Verantwortung

  4. #4
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.718
    Dass deine gesuchte CSS-Lösung hier im Forum schon existiert.

    "Lightbox & Co" nutzen ebenso eine zunächst versteckte DIV-Ebene mit dunklem Hintergrund und schwacher Transparenz, die den Viewport in Breite und Höhe vollständig ausfüllt, sowie in der z-index-Ebene über dem Seiteninhalt liegt.

    Diese wird dann per JavaScript analog zur Bildergalerie sichtbar/unsichtbar geschaltet.

    Noch ein Tipp: statt position:absolute wählst du in dem CSS besser position:fixed
    Geändert von spicelab (09.05.12 um 20:18 Uhr)
    Alex S bedankt sich. 

  5. #5
    Alex S ist offline Mitglied Bronze
    Registriert seit
    Aug 2011
    Beiträge
    46
    Danke
    Daran habe ich auch schon gedacht, aber weist du auch wie man den Div über die ganze Seite bekommt?

    Danke auch für deinen Tipp. Werde ihn bei Gelegenheit umsetzen

    Alex S.
     
    Ich kann dir in folgenden Themen helfen: PHP, MySQL, HTML und CSS

    Für Rechtschreibfehler übernehme ich keine Verantwortung

  6. #6
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.718
    Zitat Zitat von Alex S Beitrag anzeigen
    aber weist du auch wie man den Div über die ganze Seite bekommt
    Das erledigt der Quellcode aus dem genannten Beitrag. Siehe auch meine kurze Erläuterung incl. meinem nachgereichten Tipp, der bei scrollfähigen Seiteninhalt seine Wirkung zeigt:

    Zitat Zitat von spicelab Beitrag anzeigen
    eine [...] DIV-Ebene [...], die den Viewport in Breite und Höhe vollständig ausfüllt [...]

    [...]

    Noch ein Tipp: statt position:absolute wählst du in dem CSS besser position:fixed
    Alex S bedankt sich. 

  7. #7
    Alex S ist offline Mitglied Bronze
    Registriert seit
    Aug 2011
    Beiträge
    46
    Zitat Zitat von spicelab Beitrag anzeigen
    die den Viewport in Breite und Höhe vollständig ausfüllt
    Ja und wie macht man das?

    Alex S.
     
    Ich kann dir in folgenden Themen helfen: PHP, MySQL, HTML und CSS

    Für Rechtschreibfehler übernehme ich keine Verantwortung

  8. #8
    Avatar von spicelab
    spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.718
    Steht alles im Code.

    Hier nochmal daraus die relevanten CSS-Regeln:
    Code css:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    
    * {
    margin:0;
    padding:0;
    }
    html,body {
    height:100%;
    }
    #LoadMessage {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }
    Alex S bedankt sich. 

Thema nicht erledigt

Ähnliche Themen

  1. Kratzer abdunkeln
    Von CreatorX im Forum Photoshop
    Antworten: 3
    Letzter Beitrag: 17.10.08, 19:49
  2. Seite abdunkeln?
    Von chris4712 im Forum CSS
    Antworten: 16
    Letzter Beitrag: 17.10.07, 15:16
  3. rgb-codes ersetzen & auf- bzw. abdunkeln
    Von mr b im Forum Photoshop
    Antworten: 5
    Letzter Beitrag: 13.06.04, 21:44
  4. ränder abdunkeln
    Von nickel|cs-n im Forum Photoshop
    Antworten: 7
    Letzter Beitrag: 28.04.02, 17:08