Right-click protection for custom html content

adiadidas15

Hello everyone,
Do any of you know if I can get right-click protection with CSS for custom HTML content (the banner for my homepage)? Thanks in advance for any help!
-Chris

Hikin' Mike

Not that I know of.

thenickdude

For an image? One way of doing that is by putting a transparent GIF on top of your image. That will cause people right clicking and saving the image to end up with that GIF, instead of the underlying image. For example, let's say your banner was the Google logo:

<div style="position:relative">
   <img src="https://www.google.co.nz/images/srpr/logo4w.png">
   <img src="/img/spacer.gif" style="position:absolute; display:block; top:0; left:0; width:100%; height:100%">
</div>

adiadidas15

Thanks guys! The transparent GIF idea worked. I think I've finally worked all the kinks out of my site. Here's what you helped create: http://chrisraper.smugmug.com/