css - 带注释的时间线顶部的 Div

Question

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

Answer 1

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

        annotatedtimeline = new google.visualization.AnnotatedTimeLine(
          document.getElementById('timespan_chart'));

    annotatedtimeline.draw(data, {wmode: 'transparent', ...});

Answer 2

您是否尝试将 z-index 添加到您的 div css？

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

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