Aktives Mitglied
Hallo, Zusammen.
Ich hoffe auf Eure Hilfe, da mir (aus welchen Gründen gerade auch immer :-( ) ein Ansatz fehlt.
Es gibt ein Bild, das in einem Div-Container liegt (nichts aufregendes). Der Code sieht so aus:
Das CSS zur class picFrame sieht so aus:
Jetzt möchte ich z.B. über die linke obere Ecke einen Sticker setzen (so was wie "nur heute" oder "Sonderangebot"). Hier mal ein Muster:
Ich habe gerade keine Idee, wie ich den Sticker über das Bild lege. Meine erste Idee ist es den Div-Container des Bildes in einen weiteren Div-Container zu legen, der dann den Sticker über das Bild lagert. Doch meine Versuche scheitern, da zum Beispiel der Sticker vom Bild überlagert wird. Ich habe auch schon mit z-index rumprobiert. Kein Erfolg. Ich denke, ich mache da einen Denkfehler.
Hat hier jemand einen Tipp, wie ich den Sticker über das Bild bekomme?
Danke vorab für Eure Hilfe!
P.S.: Ich kann leider noch nichts online zeigen, da die Seite nicht online ist und das Bild bzw. die Vorgabe aus Photoshop kommt.
Ich hoffe auf Eure Hilfe, da mir (aus welchen Gründen gerade auch immer :-( ) ein Ansatz fehlt.
Es gibt ein Bild, das in einem Div-Container liegt (nichts aufregendes). Der Code sieht so aus:
HTML:
<div class="picFrame">
<a href="#">
<img class="attachment-page-img post-image" width="640" height="350" alt="Text" src="bild.jpg">
</a>
</div>
HTML:
.picFrame {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
display: block;
line-height: 0;
overflow: hidden;
padding: 10px;
}
Ich habe gerade keine Idee, wie ich den Sticker über das Bild lege. Meine erste Idee ist es den Div-Container des Bildes in einen weiteren Div-Container zu legen, der dann den Sticker über das Bild lagert. Doch meine Versuche scheitern, da zum Beispiel der Sticker vom Bild überlagert wird. Ich habe auch schon mit z-index rumprobiert. Kein Erfolg. Ich denke, ich mache da einen Denkfehler.
Hat hier jemand einen Tipp, wie ich den Sticker über das Bild bekomme?
Danke vorab für Eure Hilfe!
P.S.: Ich kann leider noch nichts online zeigen, da die Seite nicht online ist und das Bild bzw. die Vorgabe aus Photoshop kommt.