css - 如何隐藏像素清晰的图像

Question

当我转到 Google 购物 ( http://www.google.com/prdhp ) 并右键单击 4 色小标签图像并选择查看图像 (Firefox) 时，我在 URL 栏中看到了这个，但没有图像:http://www.google.com/prdhp/clear.cache.gif , 它只是一个 1x1 的清晰点。我怎样才能实现类似的技术？这叫什么？

Answer 1

解决这个问题有几种可能性，但所有方法都是一样的:将您的真实图像放在页面上，然后在您的真实图像上方添加另一个图像(实际上是透明的 gif)。你可以这样解决:

<div style="background-image:url(realimage.png); width:400px; height:300px;">
    <img src="transparent.gif" alt="" style="width:400px; height:300px;" />
</div>

这将是防止图像窃取的更有效方法，但您也可以将真实图像作为 img 标记放到您的网站上，并将透明 gif 定位为 img 标签绝对覆盖真实的 img。