Autor |
Nachricht |
kaischo
Threadersteller
Dabei seit: 06.11.2008
Ort: Müllheim
Alter: -
Geschlecht: -
|
Verfasst Di 03.02.2009 14:51
Titel DIV Überlappung mit Transparentem Bild. |
|
|
Hallo zusammen,
Ich habe einen DIV-Container und dieser hat als Hintergrundgrafik ein Bild das in der Mitte einen großen Teil Transparent hat.
Ich möchte nun in diesen DIV-Container reinmachen welcher aber HINTER dem großen liegt, so dass die Teile der Hintergrundgrafik des großen Containers, die nicht transparent sind, über dem kleineren Liegen. wisst ihr wie ich meine ?
unter www.joeybottle.com/denniswinter/index.html
könnt ihr sehen, dass oben rechts so Kleckse anfangen, diese sollen eigentlich nach innen weitergehen aber der InnereContainer liegt immer noch vorne dran. Ich habe z-index schon drin, geht aber irgendwie nicht wie ich will. Hier mein CSS:
Code: | #containerHAUPT {
margin-left: 0px;
width: 820px;
height: 500px;
background-image: url(images/mainbg.png);
background-repeat: no-repeat;
padding-top: 10px;
z-index: 3;
position: absolute;
}
#containerINNEN {
margin-left: 0px;
width: 780px;
height: 50px;
background-color: white;
margin-left: 20px;
z-index: 2;
position: absolute;
}
|
Bitte helft mir, vielen Dank schonmal!
Viele Grüße
Kaisch0
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 03.02.2009 14:55
Titel
|
|
|
Und das wundert dich wenn du dem inneren Element eine weißte Hintergrundfarbe zuweist?
|
|
|
|
|
Anzeige
|
|
|
kaischo
Threadersteller
Dabei seit: 06.11.2008
Ort: Müllheim
Alter: -
Geschlecht: -
|
Verfasst Di 03.02.2009 14:56
Titel
|
|
|
Ja ich will das ja weiß haben. Es soll unter den Klecksen weiß sein, verstehste ? oder steh ich auf der leitung ?!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 03.02.2009 14:57
Titel
|
|
|
Code: | #containerHAUPT {
margin-left: 0px;
width: 820px;
height: 500px;
background: #FFF url(images/mainbg.png);
background-repeat: no-repeat;
padding-top: 10px;
z-index: 3;
position: absolute;
}
#containerINNEN {
margin-left: 0px;
width: 780px;
height: 50px;
margin-left: 20px;
z-index: 2;
position: absolute;
} |
Oder du darfst die Elemente nicht schachteln… Außerdem ist dein Dokument unvollständig.
Zuletzt bearbeitet von m am Di 03.02.2009 14:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] span mit transparentem gif-Bild überlagert Links !
PScs4: Bild automatisch mit transparentem Hintergrund öffnen
Überlappung bei DIVs
InDesign: Kontur von der Überlappung des Buchstaben entfernen
[Illustrator] - Überlappung verschiedener Pfade anpassen
Logo mit transparentem Hintergrund
|
|