Bootstrap col- *中的IE/MS边缘链接无法在页面加载

因此，我有这个非常简单的Bootstrap登陆页面，并且在Chrome/Safari等中一切都很好，但是我今天发现你不能点击某些链接当你使用微软的Edge浏览器。Bootstrap col- *中的IE/MS边缘链接无法在页面加载

仔细观察，它似乎是只有被内部引导col-父母其中有麻烦被点击，而有趣的是，如果你改变浏览器窗口大小的链接，或打开开发者工具，然后这些链接神奇地开始被访问。

我有一个很好的搜索，发现了几个类似的问题，留下了一个微软支持工程师的意见，他建议修复干净启动是必需的问题，但是这对我来说似乎有点过分看起来像一个错误。

如果有人知道这个问题或可以快速查看代码，那么请让我知道你想出了什么，因为它不是一个尝试和解决的事情太奇怪。

2016-06-07 samazi

嗯...是你有可能重现该问题，并将其包含在[MCVE]有时候，这也可以帮助你自己追踪问题的根源 - 最好是在实际问题中使用代码，而不是在场外资源。 – Serlite

@Serlite当然，我完全明白，通常这些代码是我正在开发的一个更大的应用程序的一部分。然而，这是一个很小的单一着陆页，你只需要检查一些HTML/CSS。而且，这可能与页面整体有关，创建小版本可能不会成功。一有机会，我会尽快安排。 – samazi

我是Microsoft Edge团队的一名工程师，我看到您所指的问题。我会进一步调查，试图建立一个减少。 – Sampson

这似乎是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团队已提交一个错误来评估此问题。

追踪这个bug：https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7843412/

来源

2016-06-09 23:01:24 Sampson

不错，那是很棒的工作。因此，如果Edge支持变得更重要，我可以暂时找到解决方法。它是外部网站的Splash页面，它使这些调整，所以我可以修改或寻找一个不同的。让我们希望它尽快得到解决 – samazi

Bootstrap col- *中的IE/MS边缘链接无法在页面加载

回答

相关问题