отобразить это, когда щелкните правой кнопкой мыши на изображении - PullRequest
0 голосов
/ 10 апреля 2020

Я пытался создать веб-сайт для отображения каждого продукта с изображением, но я хочу отключить его для пользователей, чтобы загрузить продукта изображения, когда пользователь щелкнет правой кнопкой мыши по нему, он / она сможет ' Чтобы загрузить его или открыть изображение на новой вкладке для загрузки, я прочитал много вопросов о StackOverflow, но ничего не говорит мне, как это сделать. Я хочу отобразить это поле , которое появляется на изображении ниже. enter image description here

пожалуйста, помогите мне.

1 Ответ

1 голос
/ 10 апреля 2020

Просто закройте свое изображение вот так

<!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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...