html – 表格单元格内部的CSS z-index问题

前端之家收集整理的这篇文章主要介绍了html – 表格单元格内部的CSS z-index问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个日历/表格,当你悬停在每一天我们有一个小弹出窗口,绝对位于每个单元格下方.

为了完成这项工作,我添加了一个< div style =“relative”/>在每个细胞内.在FF中正常工作,但是当你在IE中将鼠标悬停在它上面时,z-index被忽略了.

我已经尝试了所有可以让它在IE 7 8中运行的黑客攻击.

@R_502_323@

不需要td元素内的.wrapper div上的所有单个z索引(我相信它们都可以设置为1),并设置这些属性
/* add these two to your selector */
#calendar tbody td {
  position: relative;
  z-index: 1;
}

/* create this new selector */
#calendar tbody td:hover {
  z-index: 2;
}

使用firebug和IE的开发人员工具,我觉得它在Firefox和IE7和8中工作.

原文链接:https://www.f2er.com/html/224088.html

猜你在找的HTML相关文章