Transparent Image Replacement

The idea is to use an image to push the replaced text out of sight. With CSS on, the text is pushed out and hidden outside the container. As the container now is "empty" a transparent background can be used. An images off setting should also remove the html image and only the styled text should appear.

In the html is put any image set to zero size and a header text. The image then gets a width by CSS to push the text out to be hidden by overflow on the container. The container holds the transparent background. With CSS off only the text will show because the image has zero lengths in the html.

Replaced Heading

Replaced Heading