微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我有一个日历/表格,当你悬停在每一天我们有一个小弹出窗口,绝对位于每个单元格下方.

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

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

解决方法

不需要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.jb51.cc/html/224088.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐