There is a solution that I found out today (works in IE6+, FF, Opera):
<img src=”tiger.png” style=”width:0px; height:0px; padding: 50px; background: url(butterfly.png);”>
How it works:
– The image is shrunk until no longer visible by the width & height.
– Then, you need to ‘reset’ the image size; there I use padding (this
one gives a 16×16 image, of course you can use padding-left /
padding-top to make rectangular images)
– Finally, the new image is put there using background
It also works for submit-input-images, they stay clickable.