如何禁用在瀏覽器中查看圖像？

Question

我注意到，大多數網站現在是「莫名其妙」禁止觀看一些在他們的模板中使用的圖像，所以我想獲得此相同的結果：

我想，而不是使用標籤<a>與<img>，我把一個div並將「背景」屬性設置爲圖像，但仍然可以在瀏覽器中查看！

任何想法？

Answer 1

這不會禁用圖像，這是通過在CSS中使用images as backgrounds而不是像以下標準img標籤那樣完成的：<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我上面提供的，如果你右擊一號圖像，您可以選擇在新頁面上打開圖像或選擇下載圖像。在第二個上，您沒有通過右鍵單擊該選項，但仍然可以通過其他方式下載這些圖像。