響應右鍵單擊圖像保護

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/