How to save transparent Clipart images(.png) over background image as a single image

Question

I have overlapped some transparent .png images over .jpg background images using css, now I need to find a way to all images as single image(including all the overlapped images), so that I save it as a single image and have it for my use.

Detailed explanation : I'm working on a website where you could display some .png clip images over .jpg background image .To do that I have used some Div's each having images with single div for background image.and i have button for save image.. Now when the user clicks save button, I'm unable to save the overlapped images into a single image.

It would be of great help if someone could solve this issue.

possible duplicate of [Save HTML DIV as an image with save as pop up](http://stackoverflow.com/questions/16873682/save-html-div-as-an-image-with-save-as-pop-up) — Mohammad Areeb Siddiqui, Jan 06 '14 at 10:51
no this is what you are saying....plz read my question..plz dont close my question..thanks — Rohit, Jan 06 '14 at 10:56

score 0 · Answer 1 · edited Jan 06 '14 at 15:09

0

For saveing all of resources like as css , js and images you use Google Chrome and after open developing tools (Press F12 and go to Resources tab and then frames folder) you can find all of images there and you can save it.

edited Jan 06 '14 at 15:09

vahid abdi

9,636
4
29
35

answered Jan 06 '14 at 10:49

Saeed

3,415
3
24
41

How to save transparent Clipart images(.png) over background image as a single image

1 Answers1