右鍵單擊圖像時顯示此內容

Question

我試圖創建一個網站來顯示帶有圖像的每個產品，但我想禁用它讓用戶在用戶右鍵單擊它時下載圖像的產品，他/她不能下載它或打開圖像要下載的新標簽，我在 StackOverflow 上閱讀了很多關於它的問題，但沒有告訴我該怎么做。 我想顯示下圖中出現的這個框。

請幫我。

Answer 1

像這樣覆蓋你的圖像

<!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