nicht angemeldet
Ist es möglich, eine Hintergrundgrafik ausserhalb eines DIVs zu positionieren?
Beispiel:
<code><div style="margin: 50px; border: 1px dotted black; background-color: white; width: 400px; height: 200px; background-image: url(test.png); background-repeat: no-repeat; background-position: -50px -50px;"> </div></code>
Das sorgt zwar dafür, daß die Grafik verschoben wird, schneidet sie aber links und oben ab. "overflow: hidden" brachte auch nichts.
Mir geht es darum, eine Grafik links oben vom DIV zu haben, die halb über dem DIV selbst liegt. Ich möchte nur einen einzigen DIV Container haben, in dem das alles per CSS geregelt wird, so daß ich einfach in HTML-Seiten <code><div class="specialbox">Blablabla</div></code> einfügen kann.
Ich habe leider keine Onlinebeispiele, aber man kann sowas häufiger auf verschiedenen Webseiten sehen. Ein Beispiel sind auch so Boxen, wo eine Schere (Box zum Ausschneiden, sozusagen) am Rand, bzw. halb auf dem Rand erscheint.