I'm making a Chrome extension which stops all requests of images and will allow you to click on the broken image icon in order to load the image without the blocking. This is in order to save bandwidth.

I have setup the request blocking but I'm not sure how to go about the next step.

The next step would be adding a layer on top of that broken image icon which would intercept any clicks on that image. The reason I do this is because often an image will be anchored to another link so clicking on it would do something else to what is desired.

I thought of perhaps using the `z-index` CSS rule but I'm not entirely sure of how this works and also I'm not sure if this would be the best way to go about this.

Any suggestions? Thanks! :)