- 1). Save the image as a format that will allow you to preserve the transparency of the background. Formats that support transparency include GIFs, TIFFs, and PNGs. JPEG images will not support a transparent background.
- 2). Upload the image to the Internet. In order to include the image in an HTML code it must first be uploaded to a space on the Web so you can directly link the image in your HTML code.
- 3). Open your HTML document and scroll down to the part in your HTML code where your existing form and button are located. Replace the form submission button code with the following:
<button type="button”>
<img src="Image Url Here”>
</button> - 4). Replace the “Image Url Here” portion of the code with the direct link to your transparent image. Save the HTML code and upload the page to the Internet to test out your image button.
next post