Question

我一直在努力解决这个问题。

我正在创建一个个人网站，并且我使用动画画布元素作为背景（通过jquery动画制作）。问题似乎是悬停时我的锚标签的文本和框阴影导致我的canvas元素显示垂直滚动条，并且它只发生在Chrome中。

如果我删除文字＆amp;框阴影，或者如果我删除画布元素，那么问题就会消失。我尝试过添加溢出：隐藏在几乎所有内容中，但无济于事。

请在此处查看我的网站：http://www.trunker.me

#mainMenu a:hover , #mainMenu a:active {
    color: rgba(255,0,0,1);
    box-shadow: 0px 0px 5px 2px rgba(255,0,0,1);
    border-radius: 20px;
    text-shadow: 0px 0px 5px rgba(255,0,0,1);
}

提前致谢！

编辑：使用Windows 7 Ultimate与Chrome版本36.0.1985.125 m。它会在浏览器滚动条旁边创建第二个垂直滚动条。屏幕截图：screenshot http://www.trunker.me/images/Capture.PNG

Answer 1

从代码中的多个元素中删除所有overflow:scroll。尝试直接在控制台中覆盖它们。

导致滚动条出现的CSS文本和框阴影？

1 个答案: