当我按alt或ctrl键时页面几乎变成白色

时间：2018-10-18 00:17:47

标签： jquery zurb-foundation jscalendar

我有我的网页。看起来不错。但是，一旦我按下alt或ctrl键，几乎整个网页都会变白。它仅发生在网站的一页上。这是一些屏幕截图。

之前：

Before alt-key pressed

之后：

After alt-key pressed

问题：为什么会发生这种情况？

我已经遍历我的代码，试图注释掉可能导致它的东西。关于此页面和我一直在工作的其他页面的唯一特别之处是，我在此页面上使用jsCalendar以及svg图像使一些水流入小气泡。我正在使用Foundation框架和许多jQuery。我没有其他正在使用的特殊库。我不能共享所有代码，因为1，它是一家私人公司，2，它涉及到共享1500行以上的代码，而且我敢肯定，你们谁也不想看一遍。而且我无法制作一个更简单的测试用例，因为我不知道代码的哪一部分导致了它。我正在寻找有关为什么会发生这种情况的想法，如果您有特定的代码段，您可能想看看可能是引起它的原因，我可以发布这些代码。预先感谢！

更多信息：：当我在Chrome浏览器中查看页面时，似乎覆盖整个页面的唯一元素是<div class="js-off-canvas-overlay is-overlay-fixed"></div>，但是当我删除它时，没有任何变化。仍然有白色的大东西。

1 个答案:

答案 0 :(得分：0)

我弄清楚了问题所在。在进一步查看代码之后，我意识到what-input库正在将一些类放在与我的css选择器之一冲突的基本<html>标记上。我使用[class*="key"]选择了一些“关键内容”类，然后将宽度和高度设置为25px。因此，当我敲击键盘上的键时，whatinput-types-keyboard类被添加到html标记中，因此宽度也被缩小为25px。因此，这并不是覆盖所有内容的元素，而是整个<html>标签的宽度被错误的选择器缩小了。我更改了选择器，不再有任何问题。

相关问题
最新问题