如何禁止在浏览器中查看图像？

Question

我已经注意到现在大多数网站＆＃34;某种程度上＆＃34;禁用查看其模板中使用的某些图像，因此我希望获得相同的结果：

我认为不是将标记<a>与<img>一起使用，而是将div设置为＆＃34;背景＆＃34;属性作为图像但它仍然可以在浏览器中看到!!

有什么想法吗？

Answer 1

这不是禁用图片，这是通过在CSS中使用images as backgrounds而不是像<img src="your-image.jpg" />这样的普通img标记来完成的。
Here's an example < / strong>如何做到这一点：

HTML

<div class="randomClass"></div>

CSS就像这样：

.randomClass {
    background-image: url('http://i.ytimg.com/vi/1WmaBpkGjXk/mqdefault.jpg');
    background-color: #cccccc;
    width:350px;
    height: 180px;
}

在我上面提供的 Jsfiddle link 上，如果您右键单击第一张图片，则可以选择在新页面上打开图像或选择下载图像。在第二个上，您没有通过右键单击它来选择此选项，但仍然可以通过其他方式下载这些图像。