Ankündigung

Einklappen
Keine Ankündigung bisher.

Im DIV am rechten Rand ein Schatten-Bild über allem?

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • terra75
    hat ein Thema erstellt Im DIV am rechten Rand ein Schatten-Bild über allem?.

    Im DIV am rechten Rand ein Schatten-Bild über allem?

    Hallo,

    ich suche eine Möglichkeit, ein PNG Bild (15x15 px) als Schatten am rechten DIV Rand innerhalb der Box zu "kleben". Diese soll 100% hoch sein. Allerdings soll der Inhalt, der bereits enthalten ist, erhalten bleiben. Sprich, der Schatten soll über allem liegen.

    Habe mal ein Bild erstellt, das mein Vorhaben darstellt. Die einzelnen Farben sollen unterschiedliche DIVs darstellen.



    Problem ist, das die einzelnen DIVs nur als Container dienen und in denen auch mehrere DIVs vorhanden sind.

    Wäre cool, wenn jemand helfen könnte.

    LG, Terra

  • SebTM
    antwortet
    Zitat von terra75 Beitrag anzeigen
    "alter Browser" - alles, was nicht neu ist.
    Was soll man da noch zu sagen? Entweder du meintest das ernst oder du wolltest einfach nur ne blöde Antwort geben ...

    Zitat von tr0y Beitrag anzeigen
    Dann supportest du auch IE2 und IE3. Poste doch bitte mal den Quellcode, auf die Fallbacks bin ich gespannt. Vielleicht lerne ich noch etwas.
    LIKE A BOSS!

    Einen Kommentar schreiben:


  • tr0y
    antwortet
    Dann supportest du auch IE2 und IE3. Poste doch bitte mal den Quellcode, auf die Fallbacks bin ich gespannt. Vielleicht lerne ich noch etwas.

    Einen Kommentar schreiben:


  • terra75
    antwortet
    Stimmt, war ganz einfach. Einfach so und so und dann war es fertig !

    "alter Browser" - alles, was nicht neu ist.


    Danke für die Hilfe !

    LG Terra

    Einen Kommentar schreiben:


  • tr0y
    antwortet
    Das was ich da sehe ist eher ein kleiner Aufwand. Definiere bitte mal "alter Browser".

    http://www.smashingmagazine.com/2011...onsiderations/
    http://caniuse.com/#feat=css-boxshadow

    Einen Kommentar schreiben:


  • terra75
    antwortet
    Box-Shadow habe ich mir bereits angeschaut. Erfüllt nur mit großen Aufwand seinen Zweck. Außerdem ist es nicht "alte Browser" geeignet.

    Das Bild unten zeigt noch einmal den Aufbau der ganzen Seite.



    Dabei arbeite ich mit CSS-Tabellen. (Keine echten !)
    Von daher ist ein Div von oben nach unten eher schlecht.
    Ich dachte eher etwas an eine Klasse an das Div hängen und mittels :after oder so den Schatten nachträglich anbringen. Bis jetzt konnte ich aber nichts brachbares produzieren.

    LG Terra

    Einen Kommentar schreiben:


  • tkausl
    antwortet
    Warum ein Bild dafür? Nutz doch CSS
    http://css-tricks.com/snippets/css/css-box-shadow/

    Einen Kommentar schreiben:


  • michiman
    antwortet
    Hey, ich weiß nicht, ob ich genau verstehe, was Du meinst. Aber wäre nicht eine Lösung um diese drei div einer weiteren zu setzen und diesem nur rechts mit box-shadow: 0 10px 0 0 rgba(deinFarbton, alpha); einen Schatten zu geben. Gleiches müsste auch raus kommen, wenn Du den divs jeweils den gleichen Schatten rechts zu weist.

    Einen Kommentar schreiben:

Lädt...
X