右键单击图像时显示此内容

Question

I tried to create a website to display each product with an image, but I want to disable it to users to download the image's product when the user right-click on it, he/she can't to download it or Open the image on new tab to download, I read many questions on StackOverflow about it but nothing tells me how to do it.我试图创建一个网站来显示带有图像的每个产品，但我想禁用它让用户在用户右键单击它时下载图像的产品，他/她不能下载它或打开图像要下载的新标签，我在 StackOverflow 上阅读了很多关于它的问题，但没有告诉我该怎么做。 I want to display this box which on the below image appears.我想显示下图中出现的这个框。

please help me.请帮我。

Answer 1

Just cover your image like this像这样覆盖你的图像

<!DOCTYPE html>
<html lang="en-us">
<head>
  <title>some title</title>
  <style>
    * {
      box-sizing: border-box;
    }
    .img-container {
      width: 300px;
      height: 200px;
      position: relative;
    }
    .img-container img, .img-container .img-cover {
      width: 100%;
      height: 100%;
    }
    .img-container .img-cover {
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>

  <div class="img-container">
    <img src="your_image.png">
    <div class="img-cover"></div>
  </div>

</body>
</html>

右键单击图像时显示此内容

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-04-09 22:27:20

右键单击图像时显示此内容

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-04-09 22:27:20

解决方案1
1 已采纳 2020-04-09 22:27:20