叠加div元素

时间:2015-05-28 10:40:54

标签: html css

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

这就是我现在所拥有的

<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”,但这在opera中也不起作用。

感谢所有帮助。

1 个答案:

答案 0 :(得分:1)

应该告诉Perplexor。

它之所以不起作用,是因为Opera本身存在一个错误。 我对其最新版本进行了更新,但这并没有解决我的问题。我不得不手动重新安装最新版本的歌剧,这解决了我的问题。