Transparenz des Shops

[Neo_000]

Hallo,

wollte bei dem xtc5 template den shop, bzw den "wrap" durchsichtig machen. Leider geht das nur im zusammenhang mit den Kategorien, was ich aber nicht möchte.

Wie bekomm ich die Darstellung des Shops so hin, dass ich meinen Hintergrund auch durch den shop sehe, ohne dass gleichzeitig die Kategorien auch durchsichtig werden?


Linkback: https://www.modified-shop.org/forum/index.php?topic=19043.0

[Neo_000]

Ums besser zu verdeutlichen was ich möchte.

Den Bereich der rot ist durchsichtig machen, ohne das dabei die Kategorien durchsichtig werden bzw die Boxen ( Katalog , etc pp) dann auf nem transparentem hintergrund sind..

Wenn ich  " opacity: 0.58; " zB verwende, wird leider alles Transparent....

[sv.brueck]

Hallo Neo_000,

ändere einmal in der stylesheet.css ca. Zeile 149 (#wrap) folgendes:

das hier:

Code: CSS  [Auswählen]

background-color: #FFFFFF;
border-color: #FFFFFF;

in das:

Code: CSS  [Auswählen]

background-color: transparent;
border-color: transparent;

Gruß

Sven

[Neo_000]

Kann man da die transparenz auch steuern, das es nicht völlig transparent ist?

Danke für den Tip, hat prima geklappt, nur isset so leider zu transparent.

Hab das in nem sp2.1 template schon drinnen, so sollte es aussehen.

Oder muß das auch wie im anderen template über png´s gebaut werden? Ist das YAML für sp2.1.

[claudia]

Du kannst im CSS3 auch alle rgb-Farben mit einem Transparenzkanal angeben. Z.B.:

Code: CSS  [Auswählen]

background-color:
 rgba(120,200,0,0.25);

Das verstehen die älteren Browser nicht, daher sollte man davor ein Fallback setzen:

Code: CSS  [Auswählen]

background-color:
 rgb(120,200,0);

[Neo_000]

Super, genau das hab ich gesucht.

Vielen dank für die Info...

[Neo_000]

Hallo nochmal,

1 kleines Problem hab ich allerdings immer noch. Und zwar hört das Template einfach auf, wie auf dem Bild zu sehen ist.

Gibts dafür auch ne simple lösung?

[sv.brueck]

Hallo Neo_000,

um den Background nach unten zu wiederholen kannst Du "repeat-y" nutzen.

Also z.B. so:

Code: CSS  [Auswählen]

background: url("img/bg.gif") repeat-y scroll 0 0 #EEEEEE;

Gruß

Sven