在添加内容之前在页面上显示 CSS 元素

Question

现在我看到很多网站在加载页面上显示所有（空）元素，即使实际内容尚未加载。

使用了什么样的技术？

（示例网站：https://www.decidee.nl/vergelijk/Rotterdam/?lat=51.9244201&lon=4.4777326&ft=cremation&pkg=c_sober&address=Rotterdam&page=1&props=&awards=&sort=distance&dir=asc）

Answer 1

让我们直截了当。你在谈论元素。这与 CSS无关。 css 元素从不显示（除非经过修改，这不太可能。

这是通过 javascript onload 事件侦听器完成的。设置了 innerhtml，或者某些元素的样式从 none 更改为可见的。

Answer 2

我认为您在谈论这样的事情：https://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

它基本上是通过显示“假”元素直到真正的元素被加载来完成的。然后，他们会被替换。