右键单击图像时显示此内容
我尝试创建一个网站来显示带有图像的每个产品，但我想禁止用户下载图像的产品，当用户右键单击它时，他/她无法下载它或打开图像要下载新选项卡，我想显示下图中出现的 这个框。
开满天机浏览 41回答 1
1回答
-
胡子哥哥
像这样覆盖你的图像<!DOCTYPE html><html><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>
随时随地看视频慕课网APP
相关分类
Html5