2

contenteditable DIV 内にある絶対配置 DIV を編集したいと考えています。これは IE、Chrome、Safari、Opera では問題なく機能しますが、残念ながら Firefox では機能しません。

これはコードです：

<DIV contenteditable="true"
style="border:1px solid #F00; width:220px; height:220px;">
<DIV>
<P>DIV 1, editable</P>
</DIV>
<DIV style="position:absolute; left: 20px; top: 50px;">
<P>DIV 2, not editable in FF !?</P>
</DIV>
</DIV>

私はすでにhttp://jsfiddle.net/Jf54f/4/で失敗した試みをしました

これはバグですか？誰かが回避策を持っていますか？前もって感謝します ：-）

4

3 に答える 3

1

contenteditable="true"メインから削除しdivて2つの内側のdivに追加するとうまくいきました。

ここで確認してください：http://jsfiddle.net/RASG/Jf54f/10/

于 2012-09-27T17:05:15.013 に答える
1

contenteditable="true" を設定しないでください。 contenteditable だけを試してください。値のない用語です。ctrl + b およびすべてでフォーマットできるため、chrome と IE の「plain -text-only」などの値を追加できます。

<DIV contenteditable id="">

ここの私の友人が言ったように、それはすべてのブラウザで動作します. 私も試してみました。

于 2012-09-27T16:53:35.230 に答える
1

編集可能な要素に設定position:relativeして、配置された div がその内部にあると見なされるようにします.. (実装のバグである可能性が最も高い)

http://jsfiddle.net/Jf54f/8/のデモ

于 2012-09-27T16:59:37.737 に答える