Html 使用户无法保存图像

我想保护图像不被普通用户下载，就像这样

<div style="background-image: url(img.jpg); background-size: cover; background-repeat: none; ">
<img src="wtrmrk.jpg" style=" opacity: 0; " />
</div>

---

只要

img.jpg

具有未知大小，我如何控制DIV宽度以匹配

img.jpg

宽度？

对于未知尺寸，我会选择覆盖。您可以创建一个绝对定位的元素，并通过

top

、

right

、

bottom

和

left

属性扩展其尺寸，以覆盖图像，如下所示：

.wrapper{位置：相对；显示：内联块；}
.wrapper img{垂直对齐：底部；}
.包装工：之后{
内容：“；
位置：绝对位置；
顶部：0；底部：0；左侧：0；右侧：0；
z指数：1；
}

你说的“将DIV宽度固定在“img.jpg”是什么意思。。。您是否希望div与其中的图像具有相同的宽度？在这种情况下，我会把‘display:block；高度：自动；宽度：自动；溢出：隐藏；'在div上-然后它可能会工作。您可能还需要在上面加上“float:left”。并不是所有的CSS都是必要的，但是如果浏览器存在差异，我会这样写。水印是最好的选择，因为任何人都可以直接打印屏幕和裁剪图像。即使是水印也可以用photoshop的一点技巧去除。如果你真的想保护图片，只显示低分辨率版本的图片，出售高分辨率。我正在为摄影工作室设计一个网站，他们想保护他们的图片，我已经告诉他们最好的保护方法是不上传图片，但他们坚持至少要保护图片不被普通观众看到，原始图像将具有水印和透明水印。您的解决方案不起作用div仍然延伸到屏幕大小宽度：（@Zeth