0

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

前:

在按下 alt 键之前

后:

按下 alt 键后

问题:为什么会这样?

我查看了我的代码,试图注释掉可能导致它的事情。这个页面和我一直在处理的其他页面的唯一特别之处是我在这个页面上使用了 jsCalendar,以及 svg 图像来使一些水流入小气泡。我正在使用 Foundation 框架和很多 jQuery。我没有使用其他特殊库。我不能共享所有代码,因为 1,它是一家私人公司,2,它会涉及共享 1500 多行代码,我敢肯定你们都不想看。而且我无法制作更简单的测试用例,因为我不知道代码的哪一部分导致了它。我正在寻找关于它为什么会发生的想法,如果你有特定的代码片段你想看看可能会导致它,我可以发布那些。提前致谢!

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

4

1 回答 1

0

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

于 2018-10-18T16:14:15.593 回答