响应式右键单击图像保护

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

如果您正在寻找响应表：

在这里试试：http://css-tricks.com/responsive-data-tables/

另一个建议是为图像添加水印。您也可以使用PHP动态执行此操作，以免您不必手动更改它们。

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

Answer 2

让我教育：

1. 设置周围的TD style =“positon：relative; overflow：hidden;”
2. 创建一个trans gif的img，其中style =“position：absolute; width：100％; max-height：100％;”
3. 使用style =“max-width：100％;”
添加您的其他图片

完成工作。