wie kann ich mittels css ein bild rot färben?

4 Antworten

RomanBentler
14.04.2016, 17:48

Du kannst über das Image einen div legen. Das heisst, vor <img> - <div> schreiben und nach dem </img> - </div> schreiben. In diesem div machst du die Hintergrundfarbe Rot: <div style="background-color:red; z-index:999;">
RakonDark
Nutzer, der sehr aktiv auf gutefrage ist
im Thema HTML
02.06.2015, 19:52

transparenten div drüber und background farbe setzen, oder transparentes rotes bild drüber .
melchiorand8 
Fragesteller
 02.06.2015, 20:18

<div class="rot"><div id="bild"></div></div>

.rot{background-color:red;opacity:0}

.rot:hover{opacity:0.5}

so?

1
eddiepoole  02.06.2015, 23:52
@melchiorand8

die transparenz muss beim bild gesetzt werden...

<div class="rot"> <img src="bild.jpg"> </div>
.rot {background-color:red;}
.rot img {opacity:1;}
.rot img:hover {opacity:0;}
0
creativearte
02.06.2015, 20:49

Hi und würde es eher per RGB machen.. Schau mal hier : http://www.mediaevent.de/css/transparenz.html
melchiorand8 
Fragesteller
 02.06.2015, 21:25

kompatibel mit allen browsern?

0
Youkakun  02.06.2015, 22:17
@melchiorand8

Mit RGBA (also der Transparenz in der Farbangabe) hatte ich unter verschiedenen Browsern meine Probleme (ist aber auch schon eine ganze Weile her), besser fährt man mit dem Setzen der opacity.

1