Replace image src location using CSS

Question

I have a website that has an image with a src attribute and I would like to change the src location of that image with an image of my own. The image lives in a div component

Answer 1

You could do this but it is hacky

.application-title {
   background:url("/path/to/image.png");
   /* set these dims according to your image size */
   width:500px;
   height:500px;
}

.application-title img {
   display:none;
}

Here is a working example:

http://jsfiddle.net/5tbxkzzc/