Verlauf nach Transparenz Grafik

[Wuki151]

hi all,

Ich habe mit PS ein bild erstellt das einen verlauf von schwarz nach transparent hat.. Nur schaff ich es nicht dieses Bild so auf die website einzubinden das es auch beim browser von schwarz nach transparent geht. (Drunter ist ein Bild) Es ist immer entweder ganz weiß oder nicht vollständig transparent. Bitte um Hilfe..

ziel

derzeitiger stand

Greetz
Wuki

 

[patstar]

Welches Progi verwendest Du für die Webseite zu erstellen? Kannst evt. den HMTL Code posten? Welches Format hat das Bild?

 

[Wuki151]

habe 2 formate verwendet...
zum editieren nehme ich den dreamweaver
dateityp:
zuerst .gif, hatte aber nicht funktioniert
jz verwende ich .png


code:

#sidebar {
z-index:1;
background-image:url("../img/sidebar.png");
filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
position:absolute;
top: 0px;
left: auto;
right:0px;
padding: 10px;
border:0;
background-color:#666666;
voice-family: "\"}\"";
voice-family:inherit;
width:96px;
height:870px;
color:#CCCCCC;
}

 

[corema]

um dein ziel zu erreichen kannst du die deckkraft nicht runtersetzen.
wenn du das macht, werden die pixel als vollfarbe genommen und transparenz eingefügt.
was du machen kannst ist, das bild, das transparent ist, ohne hintergrund abspeichern (als png). dann fügst du das in css ein

 background:transparent;
background-image:url(bild.png);

das sollte funktionieren.
allerdings gehts nur bei ff nicht bei ie.
für ie musste mal googlen wie klappen kann

 

[Wuki151]

k danke, bin nur grad draufkommen... wenn ich zusätzlich eine backgroundclolor setze is klar warum es grau is.. danke für die hilfe kann gecloset werden...