我到了这个复杂的页面，一个模态挡住了我的路。我想检查一个被遮挡的元素。我知道我可以在元素标签中遍历文档树，但是Chrome中是否有某种“选择”选项？
.modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 4em;
background: rgba(250, 250, 250, 0.5);
}
.modal-border {
border: 4px solid #666;
}个字符
3条答案
按热度按时间ogsagwnx1#
@xmanfly的解决方案不适合我。但我确实弄清楚了，我可以向模态添加一个css属性，使它暂时消失。
字符串
另一种选择是删除模态元素，但在本例中我不想这样做。无论哪种方式，我都可以检查元素，然后撤消（Ctrl-Z或Command-Z）以在检查目标元素后显示模态。
ig9co6j12#
尝试在
<div class="modal"之后添加aria-hidden="true"，这样它看起来就像<div class="modal" aria-hidden="true">yqhsw0fo3#
我的解决方案是隐藏元素。首先，检查覆盖您实际想要检查的元素的元素。然后在chrome元素选项卡中，右键单击该元素并单击隐藏。现在，您可以检查同一区域并检查下面的元素。完成后，可以取消隐藏覆盖元素。