Question

我有固定位置的浮动按钮，但是当按钮位置在iframe上（disqus等）时，我无法单击我的按钮。当放置在iframe上方时，如何使该按钮可点击？我在按钮上设置了z-index 9999，在iframe上设置了z-index 1，但是仍然无法正常工作。

apscheduler.triggers

.CSS

|                         |
|                         |
|                         |
|    Very Tall Iframe     |
|------                   |
|Button|                  |
|------                   |

Answer 1

它可以在我的浏览器中工作

.up {
    z-index: 9999;
    display: block;
    position: fixed;
    bottom: 70px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
}

iframe {
    width: 1px !important;
    min-width: 100% !important;
    border: none !important;
    overflow: hidden !important;
    height: 1973px !important;
    z-index: 1;
    }

<iframe></iframe>
<button class="up" onclick="alert('success')">Button</button>

CSS Floating ScrollTop按钮在iframe上不可点击

1 个答案: