如何在预览图像上叠加图像上的图像

时间:2014-12-10 02:50:17

标签: javascript jquery css css3 overlay

我在上传后找到了预览图片

http://saravani.wordpress.com/2012/03/14/preview-of-an-image-before-it-is-uploaded/

我测试了它,并且成功了。

然后我想覆盖PREVIEW TEXT Image

enter image description here

如果上传图片。

并覆盖底部图像

enter image description here

并且我使用背景重复属性

来渲染此图像

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以叠加这样的图片:



#img1 {
  background: url(http://i.stack.imgur.com/fQfkx.jpg) repeat;
  overflow: hidden;
  }

<div id="img1"><img src="http://placekitten.com/g/200/300"></div>
&#13;
&#13;
&#13;