Question

我正在使用Chrome扩展程序，该扩展程序与页面上的Yahoo UI进行交互。通过一系列事件，DOM中的元素在页面上变得不可见。

我无法在视口中的任何位置看到元素的内容。
我仍然可以在Chrome DevTools的Elements面板中看到DOM中的元素。
将鼠标悬停在“元素”面板中的元素上不会突出显示页面上的元素。
右键单击“元素”面板中的元素，选择“滚动到视图”不会滚动页面，无论页面中的滚动位置如何。
我设置了以下CSS属性，但该元素仍然不可见：

outline: 10px blue !important;
width: 400px !important;
height: 300px !important;
z-index: 2147483647 !important;
position: fixed !important;
left: 300px !important;
top: 100px !important;
margin: 0px !important;
display: block !important;
visibility: visible !important;
background: green !important;
border: 10px !important;
padding: 10px !important;
text-align: center !important;
opacity: 1 !important;

可能导致此行为的原因是什么？我有什么可以做的吗？

Answer 1

是否在其样式/ CSS中设置了“display：none”的父/祖先元素？

如何强制元素可见？

1 个答案: