Transparent Image Over Text Web Page

PHP Modules Tutorials - Herong's Tutorial Examples

∟GD Module - Manipulating Images and Pictures

∟Transparent Image Over Text Web Page

This section provides a tutorial example on how to display a transparent image floating over Web page text.

If you are looking for ways to verify the transparent background of an image, you can use my following HTML document file:

<html><body>
<!-- Display-Transparent-Image.html -->
<img style="position:absolute; top: 50; left: 50;"
  src="GD-Transparent-Graphics.png" border="10"/>
<script type="text/javascript">
for (i=0; i<=2000; i++) {document.write('Bla ');}
</script>
</body></html>

Now open the above HTML file in a Web browser. You should see some text displayed on the Web page, with the transparent image floating above the text.