元素消失，直到我将鼠标悬停在它们上面（Chrome）

Question

我正在使用flatstrap（twitter bootstrap的扁平版本）。我有一个简单的堆叠导航标签，每个标签页面设置为＃option1等。然后我将ID设置为与标签相同的选项。

所以当我点击标签时，它会将我带到页面上的该位置。现在这实际上正在工作但是在Chrome上我的固定导航栏位于顶部，而左侧的标签消失，直到我将鼠标悬停在它们上方。在IE和Firefox中，一切都很好。

过去几个小时我一直在看这个，似乎无法找到问题，这是一个错误还是我错过了一些明显的东西？

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

Answer 1

您的网页上出现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;
}