-4

右键单击并保存可能是人们从网站上提取图像的最常见方式之一。虽然没有真正的阻止图像盗窃的解决方案,最好的方法是给图像加水印,但有时,尽可能多地实施保护方法是值得的,这使得普通的图像提升变得更加困难。

我使用透明的 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 兼容的响应格式的好方法。

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

4

2 回答 2

0

如果您正在寻找响应式表格:

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

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

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

于 2013-05-15T19:37:16.327 回答
0

让我教育:

  1. 设置周边TD style="positon:relative;overflow:hidden;"
  2. 使用 style="position:absolute;width:100%;max-height:100%;" 创建 trans gif 的 img
  3. 使用 style="max-width:100%;" 添加您的其他图像

任务完成。

于 2013-05-16T19:47:44.497 回答