元素消失,直到我悬停在它们上面(Chrome)

elements disappearing until i hover over them (Chrome)

本文关键字:Chrome 消失 悬停 元素      更新时间:2023-09-26

我使用的是flatpap(twitter引导程序的扁平版本)。我有一个简单的堆叠导航选项卡,每个选项卡的url都设置为#option1等。然后我将ID设置为与选项卡相同的选项。

所以当我点击一个标签时,它会把我带到页面上的那个位置。现在这实际上是可行的,但在chrome上,我顶部的固定导航栏和左手边的标签消失了,直到我悬停在它们上面。在IE和Firefox中一切都很好。

在过去的几个小时里,我一直在研究这个问题,但似乎找不到问题,这是一个bug还是我遗漏了一些明显的东西?

页面位于http://www.385studios.co.uk/asset/page.html

您的页面上出现javascript错误。无法检查,但也许这就是问题所在。在html文档的末尾有以下代码:

function allCheckboxesToggle(source) {
  checkboxes = document.getElementsByName('customCheckbox');
  for(var i in checkboxes)
  checkboxes[i].checked = source.checked;
}

应该是:

function allCheckboxesToggle(source) {
  checkboxes = document.getElementsByName('customCheckbox');
  for(var i in checkboxes)
  checkboxes[i].checked = source.checked;
}