javascript - 是否可以在浮点图的顶部放置一些东西？

Question

我有一个 float 图，我有几个 div，我想放在它上面。有什么办法可以做到这一点？

这是 HTML 代码的折叠版本:

<div id='graph'>
    <div id='selectionBox'>
    </div>

    <div id='valueBoard'>
    </div>

    <table style="position:absolute">
    </table>

    <table id="gridTable" style="position:absolute">
    </table>
</div>

flot 链接到图形 ID。 div 过去位于图表 ID div 之上，但现在不再如此。

Answer 1

您不能在 flots 容器 div 中包含内容。它以编程方式控制 div 的内容，并在渲染绘图之前将其清除。

解决方法是通过编程将您的 child div 放置在 flots 容器的顶部:

$.plot("#placeholder", someData, {});
var pos = $('#placeholder').position();
$('#somethingElse').css({'top': pos.top,
                         'left': pos.left});

参见 fiddle here .