无法在时间轴前获取文本...使用z-index

Question

我正在尝试在此页面的时间轴中添加文字：http://dev.greenthumbweather.com/frost_date.php?location=medford,%20or&lat=42.33&lng=-122.88&temp=36

我在脚本中引用的CSS是：timeline_custom.css

我尝试添加position：relative和z-indexing以保持文本在前面，但它仍然在时间轴后面。

我想将文本放在时间轴框架中，但要将其放在前面。时间轴上还有​​一些其他CSS规则，文件时间轴为2.5.0 / timeline.css，所以可能存在一些冲突，但我无法找到它。

非常感谢任何帮助。谢谢！

沙德

Answer 1

您的“时间轴”小部件似乎在完成加载后隐藏了您的“info”元素。

我建议你做以下事情：

1）从“timeline”div中取出“timeline_info”div。

2）将放在之前“mytimeline”div。

3）仅为“timeline_info”和“mytimeline”创建容器div。

4）在CSS中：

#timeline_info {
    position:absolute;
    top:10px;
    left:10px;
    font-size:12px;
}

根据您要放置的位置，设置“顶部”和“左侧”（或“右侧”和“底部”，如果您愿意）。

新容器中元素的顺序（在DOM中首先出现“timeline_info”）应该自动使它显示为“mytimeline”div的“超前”，如果它们重叠，那么你应该摆脱“z-index”规则。