禁用另存为＆amp;使用css在图片的新标签页中打开？

Question

我知道没有必要这样做，但我想询问是否可以禁用右键单击只有c​​ss的图像。

- 我想做的是禁止天真的用户保存图片，来自我的WordPress网站滑块（MetaSlider）

Answer 1

您可以在图片上方使用叠加层来避免这样的事情：

＆＃13;

＆＃13;

.img-container {
  position: relative;
}

.img-container:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}

＆＃13;

<div class="img-container">
  <img src="https://lorempixel.com/400/400/" />
</div>

＆＃13;

＆＃13;

＆＃13;

这将避免通常的保存图像操作，但任何有经验的开发人员将始终能够获取图像（源代码，检查元素，屏幕截图等）。

您不能阻止任何用户保存您将要执行的图像，因为在所有情况下，图像都随网页一起提供，并且它存在于客户端。

Answer 2

不，你需要JavaScript。

document.addEventListener('contextmenu', event => event.preventDefault());