html - 覆盖 div 元素的 Opera 问题

我在 Opera 中遇到重叠元素的问题。我正在使用我自己的设置创建一个高级文本框，但我在 html css 标记中遇到了歌剧问题。

这是我现在拥有的

<body>
<div id="wrapper" style="position: absolute; top: 200;left: 50px; border: solid 1px black; padding: 3px; width: 200px; height: 30px; border-radius: 2px">
<div id="container" style="position: relative; width: 100%; height: 100%">
<span id="placeholder" style="color: grey">placeholder</span>
<div id="input" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%" contenteditable="true"></div>
</div>
</div>

</body>

在这里您可以看到，即使我单击其位置在我的可编辑 div 下的占位符，我也可以聚焦我的文本框。这是应该的。

问题出在歌剧中。当我单击占位符文本时，未选择位于顶部的我的 div。不知何故，我正在点击歌剧中的底层 div。

有没有办法解决这个问题？我已经在占位符中尝试了“pointer-events: none”，但这在歌剧中也不起作用。

感谢所有帮助。

最佳答案

应该对 Perplexor 说谢谢。

它不起作用的原因是 Opera 本身的一个错误。我对其最新版本进行了更新，但这并没有解决我的问题。我不得不手动重新安装最新版本的 Opera，这解决了我的问题。

关于html - 覆盖 div 元素的 Opera 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30504244/