我在通过重叠 div 的背景插入文本区域的调整大小抓取器时遇到问题。这个 div 试图像弹出对话框一样显示内容,因此它使用绝对位置来坐在文本区域的顶部。然而,这种影响被调整大小的抓取器没有被 div 正确遮挡而破坏了。
有任何想法吗?
这个 jsfiddle 为我重现了这个问题:
http://jsfiddle.net/czerwin/bdWLw/1/
HTML:
HTML:
<div>
<textarea>This is the text in the text area. For some reason, the resize grabber is not properly hidden by a div positioned over it.
</textarea>
</div>
<div class="floater">Here is the overlay div. It should occlude a portion of the text area.
</div>
CSS:
.floater {
position: absolute;
left: 100px;
top: 30px;
background: white;
border: 1px solid black;
}
这发生在 Mac 10.8.3 上的 Chrome 26.0.1410.43 上。我也在 Safari 上尝试过,结果相同。