相关疑难解决方法(0)

CSS规则visibility:hidden和display:none两个结果中的元素不可见.这些同义词是？

如果是这样,它是否有效地弃用了visibility财产？

(我意识到Internet Explorer还不支持这个CSS2属性.)
布局引擎的比较

另请参见:visibility:hidden和display:none之间的区别

显示与可见性属性有什么区别？

我有一个GIF图像.它仅在非常具体的事件中显示,而不是经常显示.默认情况下,<img>使用隐藏gif的html 标记display: none.

现在,我们都知道Gif在计算机的CPU上非常强硬.我不知道如何基准测试或检查隐藏的gif是否仍然使用CPU带宽.

我用开发工具检查了gif的重新绘制 - 它没有像预期的那样发生.非常好.FPS仪表也没有上升,内存使用也没有.但我有一个强大的CPU和计算机; 当gif出现时,这些都不会上升.

有没有人有关于如何对此进行基准测试的想法,或者对浏览器更了解？我不希望这个gif成为那些从未见过它的人的资源.而且我也不想将它从DOM中删除.

我已经动态创建了div。对于一些测试，我选择 30 个 div。

每个 div 底部都有一个按钮栏。我只想在悬停 div 容器时显示此栏。

当隐藏这些元素时，div 会变小/缩小。我想保持更大的尺寸，因此仅隐藏按钮，但容器保持其尺寸。

离开 div 时，只有按钮应该消失。

#wrapper{
  padding: 50px;
  background-color: red;
}

#content{
  color: white;
  padding: 10px;
  font-size: 20px;
}

#wrapper:hover .btn{
  display:block;
}

.btn{
  display:none;
}

<div id="wrapper">
<div id="content">
content
</div>
<div>
<button class="btn">
Button 1
</button>
<button class="btn">
Button 2
</button>
<button class="btn">
Button 3
</button>
</div>
</div>