为什么这段代码在Firefox开发人员工具中显示为隐藏？

Question

我只在Firefox中遇到此问题，其中包含一个由未显示的图像组成的简单HTML代码行。我在Firefox中检查了元素，它在突出显示的区域显示了这一点：

什么是＆＃34; mih5b38＆＃34;为什么它显示＆＃34;隐藏＆＃34;？

这里是跟随按钮的CSS，与其他按钮相同

.follow-button {
   float: left;
   width: 21px;
   height: 100%;
   background-image: url('../images/follow-button.png');
   background-repeat: no-repeat;
   background-size: 10px 10px;
   background-position: center; 
}

此问题再次出现在firefox中，我尝试使用chrome并且图像存在。

编辑：我更改了班级的名称＆＃39;关键按钮＆＃39;对于不同的东西，它似乎现在显示图像。但为什么？我在我的CSS上搜索了任何类似的名字，但没有。

Answer 1

（编辑问题后编辑 - 未改变回复的基本行）

看来你正在使用一些框架 - 哪一个？

“mih5b38”和“隐藏”都是<a>标记的属性 - “隐藏”不是样式属性或任何东西，所以它不会隐藏任何内容，除非你的framework将空的“hidden”属性解释为要隐藏的元素。如上所述，“隐藏”属性没有值（“mih5b38”BTW相同），因此不会对该标签的显示产生太大影响。

在问题中添加更多代码后添加：

a标记是内联元素。尝试将display: inline-block添加到#follow-button CSS规则，以应用高度和宽度设置。并删除float: left - 它不适用于内联和内联块元素。我也会设置一个固定的高度值，即不是100％，但是像10px，因为你的背景图像高10px。

（它仍与hidden属性无关......）