| An easy way to add an image to your webpage, but have it appear behind a block of text is by using this handy little piece of CSS. To the style sheet in your <head> area, add the following class.
example
Then to the image you wish to have appear in the background add the applicable class id as illustrated below.
<img src="http://pattayacitythailand.com/image/logo.gif " width="260" height="60" class="img.backone">
The easy way to remember this is by thinking that z-index is 0 by default. Setting the z-index to -1 has the effect of moving the image down one level on your page. |
