Question

所以我有一个非常简单的Bootstrap登陆页面，一切都在Chrome / Safari等中运行良好，但是我今天发现当你使用微软的Edge浏览器时你不能点击某些链接。

仔细观察，似乎只有Bootstrap jRadioButton父母内部的链接无法点击，有趣的是，如果您更改浏览器窗口大小，或打开开发人员工具，那么链接神奇地开始可以访问。

我有一个很好的搜索，发现了几个类似的问题，给一位微软支持工程师留下了评论，他曾建议修复需要干净启动的问题，但对我来说这似乎有点过分了。看起来像个bug。

如果有人知道这个问题或者可以快速查看代码那么请告诉我你的想法，因为它太奇怪了，不要试图解决。

Answer 1

这似乎是Internet Explorer和Microsoft Edge中的错误。我能够确定原因是临时应用溢出：隐藏到主体，以及锚点在浮动下面的浮动/定位布局。似乎IE / Edge确定这些是溢出：隐藏样式的结果（最初）是无法访问的链接。

我已将您的网页缩小为以下内容：

<!doctype html>
<html style="overflow-y: scroll; height: 100%;">
    <head></head>
    <body style="margin: 0; height: 100%">
        <a style="float: left; position: relative; margin-top: 1000px" href="#">Link</a>
        <script type="text/javascript">
            document.body.style.overflow = "hidden";
            setTimeout(function () {
                document.body.style.overflow = "visible";
            }, 2000 );
        </script>
    </body>
</html>

这种组合导致在锚点之下无效。

已经为Microsoft Edge团队提交了一个错误来评估此问题。

跟踪此错误：https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7843412/

Bootstrap col- *中的IE / MS Edge链接无法在页面加载时工作

1 个答案: