在添加内容之前在页面上显示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

基本上，这是通过显示“伪”元素直到加载实际元素来完成的。然后，他们被替换。