kostenloser Webspace werbefrei: lima-city

Wie ein Bild einfärben + transparent machen?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   willi-info

   willi-info hat kostenlosen Webspace.

   17:55, 21.9.2010

   Hallo,
   weiß Jemand, wie man ein Bild einfärbt + transparent macht? (z.b. mit php oder vielleicht sogar Javascript)
   Danke!

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. qap2

   

   qap2 hat kostenlosen Webspace.

   19:05, 21.9.2010

   Wenn dein Bild eine feste Größe hat geht das ganz einfach mit CSS:
   

   <div style="position:relative;width:350px;height:200px;background-color:#000000;opacity:0.5;">
     <img src="bild.jpg" width="350px" height="200px" alt="Bild" style="opacity:0.5;" />
   </div>

   
   
   Beitrag zuletzt geändert: 21.9.2010 19:05:34 von qap2
4. Autor dieses Themas

   willi-info

   willi-info hat kostenlosen Webspace.

   16:02, 23.9.2010

   Ist es auch möglich, nicht den Hintergrund sondern das Bild einzufärben?
   Danke

5. qap2

   

   qap2 hat kostenlosen Webspace.

   16:13, 23.9.2010

   <div style="position:relative;">
     <img src="bild.png" width="350px" height="200px" alt="Bild" style="opacity:0.5;" />
     <div style="position:absolute;top:0px;left:0px;width:350px;height:200px;background-color:#FF0000;opacity:0.5;"></div>
   </div>

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?