我有一个包含许多行的表。
我希望对行进行悬停效果。当有人盘旋在一行时，弹出式div会显示一些关于该行的附加信息。
我计划用div进行此操作并在悬停时使div可见/不可见。
现在我的问题在于html / css。
如何使用悬停时显示的div制作表格，但不会影响表格的外观。
我在考虑z指数，与位置相对。但我无法让它发挥作用。
答案 0 :(得分：2)
您应position:abolute; top: 10px; left: 20px; z-index: 1使用div，position: relative使用tr。 （顶部和左侧只是假设。使用这些来相对于您的行定位div）
相对定位行，将其保存在上下文中。绝对定位div使其位置绝对位于其父级（此处为行）。如果行没有相对，则div将被定位为body或已设置position的父元素的绝对值。
答案 1 :(得分：0)
如果元素具有相同的z-index，则浏览器将按照它们在html中出现的顺序显示它们。所以你根本不需要设置z-index。您可以执行以下操作 DEMO 。 （将鼠标悬停在左上角的单元格上，或悬停在第二列中的顶部。）只要您想要显示的div位于要突出显示的表格下方。
答案 2 :(得分：0)
在项目中仅使用html和css很重要吗？如果没有，你可以将悬停功能处理到Javascript。