图片上方的可编辑文字

Question

I was wondering, is there a way of getting text to go over an image, but have it so that the text can be changed without going into the html, aka using a textbox from a form displayed on the webpage, and the inputted text being put on the image? i know it can be done but im struggling on where to start, and any reply pointing me in the right direction would be most gratefully recieved.

Gareth

Answer 1

If browser compatibility is not an issue, this can be done with HTML5 like so:

<div contenteditable="true">
   This text can be edited by the user.
</div>

Then you could either set the image as the background image for that div, or place the image within that div but set the z-index lower than that of the text.