我需要开始在我的图片上添加水印,因为我开始注意到人们正在使用它们。我真的不喜欢在一张图片上到处都是水印。我更喜欢9gag这样做:https://9gag.com/gag/352822
没有任何可见的水印,但是当您右键单击并保存图像时,您可以看到水印。这是怎么做的?
发布于 2012-10-09 01:49:25
水印的全部意义在于防止删除属性和/或显示版权/所有权信息(http://en.wikipedia.org/wiki/Digital_watermarking)。
9Gag所做的事情很容易被颠覆,它是微不足道的。我所需要做的就是裁剪图像并去掉底部,瞧,图像是没有“水印”的(它不是真正的水印,引用它是为了符合OP的定义)。
为了实现水印的功能,需要将其覆盖在图像上,以防止在不损害图像本身的情况下将其移除。你所要求的根本不是水印。
带水印的图片示例:http://s.we.lc/UNGZeT
发布于 2012-10-09 01:32:28
CSS
div {margin: 25px 0 0;}
div:first-child {height: 150px; overflow: hidden; margin: 0;}看看这个:http://jsfiddle.net/J9y4G/
发布于 2012-10-09 02:46:47
您提供的示例在图像文件(实际的.jpg)的底部有额外的空间,其中包含站点的URL。当图像显示在页面上时,它的容器会缩小,因此实际上不会显示URL的额外部分。
要复制这些内容,您需要编辑每个图像以添加额外信息,然后重新设置图像样式以在稍微小一些的框中显示。
https://stackoverflow.com/questions/12786541
复制相似问题