html - html位置绝对防止onclick点击

Question

我有一个带有 position="absolute" 类的按钮元素。这是防止按钮被点击。一旦我删除绝对位置，按钮的位置就会改变到我不想要的位置，但是点击有效。z-index=-1 是为了让按钮覆盖另一个组件。如何让它保持绝对位置和可点击？

<button type="button" onclick="RandomFunction()" class="b-Crown"></button>

.b-Crown {
    cursor: pointer;
    padding-left: 25px;
    margin: auto;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 15px;
    height: 26px;
    top: -163px;
    left: 265px;
    border-radius: 5px;
    background: #999;
    border-right: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

标签： htmlcss

Answer 1

将“ z-index: -1”改为“ z-index: 1”