Marshall - 4:04 pm on Mar 5, 2012 (gmt 0)
Could you explain this? Sorry, I'm just not up to speed on this stuff.
It is fairly simple. Say you have a <div> or <td>. In the CSS set the background image to whatever you really want people to see, say blue widget, with the <div> or <td> height and width the same as the image size.
Make a one pixel square clear gif or png and place it in the <div> or <td> with its dimensions the same as the container:
<div id="bluewidget"><img src="clear.png" width="200" height="200" alt="What you would say about the blue widget" /></div>
Using this, method, right-clicking will only get you the clear.png. One would have to look at the source to get the actual image url, but if it is in a linked CSS file, the url will not even appear in the html. And since most browsers default to not printing backgrounds, your image will not print either. And you can still link the clear image if you need to:
<div id="bluewidget"><a href="blue-widget-detail.html"><img src="clear.png" width="200" height="200" alt="What you would say about the blue widget" /></a></div>
Down side - it is a little time consuming.