可编辑文本在图像上

时间:2014-04-21 17:58:49

标签: javascript html5

我想知道,有没有办法让文字覆盖图像,但是有了它可以在不进入html的情况下更改文本,也就是使用网页上显示的表单中的文本框,以及输入的文字被放在图像上?我知道它可以做到,但我在哪里开始挣扎,任何指示我正确方向的回复都会非常感激地收到。

加雷

1 个答案:

答案 0 :(得分:3)

如果浏览器兼容性不是问题,可以使用HTML5完成此操作:

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

然后你可以将图像设置为该div的背景图像,或者将图像放在该div中,但将z-index设置为低于文本的z-index。