在注释的时间线上潜水

Question

Annotated time line是一个用flash编写的谷歌可视化库。我有时想在它上面放一个div来覆盖它。然而，当我这样做的时候，div覆盖了除了注释的时间线之外的所有内容。问题是什么？如何解决？

Answer 1

您正在处理带注释的时间线上的flash。在带注释的时间线上将wmode（窗口模式）设置为透明（认为oqaque适用于）

        annotatedtimeline = new google.visualization.AnnotatedTimeLine(
          document.getElementById('timespan_chart'));
    annotatedtimeline.draw(data, {wmode: 'transparent', ...});

Answer 2

您是否尝试过将z索引添加到div css中？

#flashcontainer {
    position: relative;
    z-index: 1;
}
#topdiv {
    position: absolute;
    z-index: 2;
}