当我按alt或ctrl键时，页面几乎完全变白了。
我有网页了。看起来很棒。但一旦我按alt或ctrl键，几乎整个网页就会变白。它只发生在网站的一个页面上。以下是一些屏幕截图。
以前：
后：
问题：为什么会发生这种情况？
我仔细查看了我的代码，试图注释掉可能导致这种情况的原因。这个页面和我一直在做的其他页面的唯一特别之处是，我在这个页面上使用jsCalendar，以及svg图像，使一些水流成小气泡。我使用的是基金会框架和很多jQuery。没有其他特殊的库我正在使用。我不能分享所有的代码，因为1，它是一家私人公司，2，它将涉及到共享超过1500行的代码，我相信你们谁也不想看这个。我不能做一个更简单的测试用例，因为我不知道代码的哪一部分会导致它。我正在寻找关于为什么会发生这种情况的想法，如果您有一些特定的代码，您想看看这可能是什么原因，我可以发布这些代码。提前感谢！
更多信息:当我在Chrome中查看页面时，唯一覆盖整个页面的元素是<div class="js-off-canvas-overlay is-overlay-fixed"></div>，但是当我删除它时，没有什么变化。还有个白色的大东西。
回答 1
Stack Overflow用户
发布于 2018-10-18 16:14:15
我知道问题出在哪里了。在深入研究代码之后，我意识到输入库在基本的<html>标记上放置了一些类，这与我的css选择器之一相冲突。我使用[class*="key"]选择了一些“键级”类，然后将宽度和高度设置为25px。因此，当我按下键盘上的一个键时，whatinput-types-keyboard类将被添加到html标记中，因此宽度也会缩小到25px。所以，它不是一个覆盖所有内容的元素，而是一个糟糕的选择器缩小了整个<html>标记的宽度。我改变了选择器，不再有任何问题了。
https://stackoverflow.com/questions/52865260
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号