html - HTML 选项卡中的 Firebug 淡色 - 如何显示它们

Question

如何以某种方式显示 Firebug 中显示的不可见标签的样式？我不知道为什么它们是苍白/看不见的，我需要找出原因。

Answer 1

Firebug 会淡化那些在浏览器中不可见或隐藏的元素。根据此处显示的示例。有两种类型的 HTML 元素是不可见的/苍白的。

1. <input type="hidden" />顾名思义是隐藏类型，从不显示在页面上，但可以包含一些用于网页其他功能的重要数据。
2. 有一个<div>元素不包含任何内容，也没有定义其高度或宽度。那么您希望为该 div 显示什么？

---

编辑：

如果您希望它们显示在您的网页上，那么：

因为<input type="hidden" />您可以将其复制value到其他一些元素以显示它包含的内容。您可以使用 javascript 或 jQuery 来执行此操作。

对于<div>元素。向其中添加一些内容，例如：

<div class="ui-icon">
    Your content
</div>

或指定其大小（即高度和宽度）也将其显示为带有一些边框的块。

<div class="ui-icon" style="hieght:10px; 
       width:100px; display: block; border: 1px solid red"> 
</div>