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

Question

我注意到大多数网站现在“以某种方式”禁止查看其模板中使用的某些图像，因此我想获得相同的结果：

我想不使用 <a> 和 <img> 标签，而是放置 div 并将“背景” 属性设置为图像，但它仍然可见在浏览器中！！

有什么想法吗？

Answer 1

这不是禁用图像，这是通过使用 images as backgrounds in CSS and not as a normal img tag like:<img src="your-image.jpg" />.
Here's an example 实现的：

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 上，如果您右键单击第一张图片，您可以选择在新页面上打开图片或选择下载它。在第二个上，右键单击它没有此选项，但仍然可以通过其他方式下载这些图像。

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

How to disable images from being viewed in the browser?

css

background

image