响应右键单击图像保护

Question

右键单击并保存可能是人们从网站上提取图像的最常见方式之一。虽然没有真正的解决方案来阻止图像被盗，最好的办法是对图像进行水印处理，但有时候，它的价值在于实现尽可能多的保护方法，从而使得共同的图像提升变得更加困难。

我使用透明的gif方法来阻止访问者在网站上右键单击相同的图像。该设置是像这样：

<table> 
<tr> 
<td><!--some irrelevant stuff--></td> 
<td style="background: url(http://www.urltotherealimage.com) no-repeat center center"><a href="http://www.somelink.com"><img src="trans.gif" style="height:100%;width:100%;"/></a></td> 
<td><!--some irrelevant stuff--></td> 
</tr> 
</table> 

我不希望让这个保护反应。然而，考虑到我需要支持IE8以及所有其他现代浏览器和移动设备浏览器，整个背景图像设置证明是困难的。

所以，我问是否有人知道一个好的方法来保持与IE8兼容的响应格式这种掩蔽保护类型。

我找到了解决方案，请参阅下面的答案。

Answer 1

让我教育：

1. 将围绕TD风格= “当前位置：相对;溢出：隐藏;”
2. 用style =“position：absolute; width：100％; max-height：100％;”创建img的trans gif;
3. 用style =“max-width：100％”添加您的其他图片;“

工作完成。

Answer 2

如果你正在寻找的负责表：

试一下：http://css-tricks.com/responsive-data-tables/

另一个建议是将水印添加到您的图像。您也可以使用PHP来实现此操作，以免您不必手动更改它们。

http://www.sitepoint.com/watermark-images-php/