Question

I was wondering if it was possible to replace an image on an html page using the only the stylesheet. I know this is not common practice, but the only thing I have access to is the stylesheet and they used inline styles in the html. I have no way of editing the html file.

I inspected the element and it looks like this:

I’m trying to replace the “bullet_ball_glass_green” image. I was able to hide it by adding this to the stylesheet:

.rmLeftImage{

visibility: hidden;
}

But is it possible to replace the image or add another one on top of it without editing the html page?

Answer 1

You could set the background image of a div around the image (and keeping the css you have that hides the image).

.div_class{ 
  background:url('http://yourdomain.com/yourimage.jpg') no-repeat 50% 50%; 
  width:100px;
  height:100px;
}