【问题标题】:Why does opacity make an element appear above another, if an element without is appears below?如果不透明的元素出现在下方,为什么不透明度会使一个元素出现在另一个元素上方?
【发布时间】:2023-02-11 00:11:29
【问题描述】:

我有一个绝对定位的弹出表,默认情况下是隐藏的 (display:none;),
并出现 (display:block;) 悬停在其标题上。
它出现在页面上的所有其他内容之上,这就是我想要的。

opacity 值小于 1 的元素除外。
它们出现在悬停表上方。

为什么会这样,我该如何避免呢?

JSFiddle

【问题讨论】:

    标签: html css absolute


    【解决方案1】:

    您可以通过将 z-index: 1; 添加到 table.hidden 来轻松避免它

    【讨论】:

    • 我相信这是基于opacity 的黑客攻击
    • css 有奇怪的东西
    猜你喜欢
    • 2013-06-03
    • 2012-01-01
    • 2014-09-19
    • 2011-11-13
    • 2011-09-24
    • 1970-01-01
    • 2011-01-22
    • 2011-12-15
    • 1970-01-01
    相关资源
    最近更新 更多