Javascript contentdiv可编辑绝对div in div

我想编辑一个绝对定位的DIV，它位于contenteditable 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>

 第1部分，可编辑
 第2部分，在FF中不可编辑

我已经试过一次了

---

这是虫子吗？有人有解决办法吗？提前感谢：-）

您不应该设置contenteditable=“true”只尝试contenteditable。该术语没有任何值，您可以为chrome和IE添加“纯文本”之类的值，因为它们允许使用ctrl+b和all进行格式设置

<DIV contenteditable id=""> 

---

正如我的朋友所说，它适用于所有浏览器。我也尝试过，它也适用。

在可编辑元素上设置

position:relative

，这样定位的div就被认为位于其中。。（很可能是实现中的错误）

---

演示在从主

div

中删除

contenteditable=“true”

并将其添加到两个内部div中效果良好

---

请检查此处：

不符合w3c规范。它接受的是真/假。。请参阅，但firefox至少在版本12之前不支持div的值，因此我在设置此属性之前检查了浏览器和版本。根据MDN，它是从firefox的v3.5开始支持的，我不知道。。。但我的firefox也不能使用它。contenteditable可以工作。但是当我试图添加纯文本只是为了阻止chrome允许格式化时，它在firefox中不再工作了。所以我更喜欢直接。

contenteditable

不是布尔属性。但是，省略该值相当于使用空字符串作为值，而对于

contenteditable

，空字符串又被指定为与

true

等效，因此

和

具有完全相同的效果（包括在Firefox回到3.0版中）。Perfekt，这是有效的。你的解决方案解决了这个问题。非常感谢。还有一个很好的建议：-）谢谢！