我尝试创建一个网站来显示带有图像的每个产品，但我想禁止用户下载图像的产品，当用户右键单击它时，他/她无法下载它或打开图像要下载新选项卡，我想显示下图中出现的 这个框。
1 回答
胡子哥哥
TA贡献1825条经验 获得超6个赞
像这样覆盖你的图像
<!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>
- 1 回答
- 0 关注
- 34 浏览
添加回答
举报
0/150
提交
取消