Hallo, guten Abend!
Darf ich bitte schnell eine html-Frage stellen?
Ich habe folgendes Problem. Gerade hab ich mir folgendes gebastelt, das ich in einem Blogeintrag posten will. Aber es funktioniert nicht so ganz und alles Experimentiern hilft irgendwie nix. Es sind zwei div-Container. Der untere enthält den Embedding-Code zu einem Flashclip, dessen Hintergrundbild ich leider nicht definieren kann. Drum dachte ich mir, mach ich drüber einfach einen zweiten div-Container, weise ihm eine transparente Hintergrundgrafik zu und lege ihn über den zweiten Container. So sieht das im Moment aus:
<div style="z-index:1; background-image:url(TRANSPARENTES GIF);
position: left; float: left; width: 704px; height: 247px">
<div style="z-index:2; position: left; float: left; width: 704px; height:
247px; padding-top: 0px; margin-top: 0px; margin-bottom: -2px;
margin-left: -4px; padding-bottom: 0px">
HIER FLV-EMBEDDINGCODE
</div>
</div>
Alles anzeigen
So, warum tut denn das net, himmel. Das transparente Hintergrundbild ist auf jeden Fall da. Das kann ich sehen, wenn ich die Position verändere. Aber es wird immer durch das untere div verdeckt. Mit z-index dachte ich des hinzukriegen, aber das schlägt fehl. Egal ob das untere die 2 kriegt und das obere die 1 oder umgekehrt. Ich weiß da nicht weiter.
Fällt vielleicht bitte jemandem ein Fehler auf oder wie ich das hinbiegen könnte...?
Beste Grüße und schönen Abend noch
Herr Nack