mehrere Backgroundgrafiken

[Andreas.ch]

Hallo zusammen

Ich krieg das mit zwei übereinanderliegenden Grafiken im Shop3 einfach nicht hin... im Shop 2 ging dies.

jtl-shop2

html,body{
        margin:0;
        padding:0;
        background-image:url('../gfx/zusatz/background_main.png');
}

body{
        font: 76% arial,sans-serif;
        text-align:center;
        color:#121212;
        background-image:url('../gfx/zusatz/background_top.png');
        background-repeat:repeat-x;        
}

jtl-shop3

/* Base Styles */
.page_width { width: 980px; }
body { color: #444; background: #F4F4F4 url(images/background_top.png) repeat-x top left; }
#page { background: transparent none; }
#content { background: #fff; border: 1px solid #ccc; padding: 10px; -moz-border-radius:5px 5px 5px 5px; }
.sidebox { background: #fff; }
a, a:visited, a:link { color: #666; }
a:hover, a:focus { color: #fc7f20; }
h1, h2 { text-transform: uppercase; }
#breadcrumb, #breadcrumb a { color: #999; }
#logo a { position:relative; display: block; margin-top: 10px; z-index: 999; }
#logo img { position: inherit; top: 0; }
#headlinks ul li > a, .sidebox h3 { font: 12px "Trebuchet MS", sans-serif; font-weight: bold;  color: #fff !important; text-transform:uppercase; text-shadow:0 0 2px #AC5F24; }

kann mir jemand helfen?

Danke!

 

[Nento]

AW: mehrere Backgroundgrafiken

Eigentlich müsste es so gehen:

.page {
background-image:url('../gfx/zusatz/background_main.png');
......

.body {
background-image:url('../gfx/zusatz/background_top.png');
.....

Habe es aber nicht getestet.
Du must ggf den Pfad des Images anpassen.

 

[Andreas.ch]

AW: mehrere Backgroundgrafiken

hmm schaff es irgendwie nicht

das eine steht bereits bei body ... drinn und funktioniert auch (background_top.png)

das andere, der Hintergrund hinter der top-Grafik (background_main.png) hab ich mal versucht mit .page ... und mit page ... vor den body zu setzten, klappt nicht. Muss ich das irgendwo einfügen?

Sorry hab nicht allzuviel ahnung von css

 

[Nento]

AW: mehrere Backgroundgrafiken

Schau mal in die Datei: base.css.

Dort findest du was du suchst.

body, html {
height: 100%;
}

 

[Andreas.ch]

AW: mehrere Backgroundgrafiken

Schau mal in die Datei: base.css.

Dort findest du was du suchst.

body, html {
height: 100%;
}

Ich musste noch in der theme.css die Hintergrundfarbe weiss deaktiveren, dann klappte es!

Vielen Dank!