Html 如何使用：：before伪类为其元素创建加载屏幕？ 我在页面中间的某个容器div上有以下标记： <div class="content"> <div id="googleMap">...</div> <div id="someTable">...</div> <div id="doesntMatter>some other stuff</div> </div>

例子是。我走错方向了吗？使用伪类是否可以实现覆盖？

您需要向父类添加

位置：relative

。绝对定位元素指的是当它尝试定位自身时具有

位置：相对的最近父元素，除非在父元素上指定它，否则可以将其视为主体标记。
位置绝对定义：该元素相对于其第一个定位（非静态）的祖先元素定位

因此，您需要相对定位div.content


.content{
宽度：200px；
高度：200px；
边框：1px实心#000；
位置：相对位置；
}
.内容：：以前{
内容：''；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景：rgba（0,0,0,0.3）
}

乱数假文
不要忘记父元素上的position:relative如下：您试图添加一个伪元素，而不是伪类。您的标题显示的是
：：before
，它是一个伪元素，但您的标记显示的是一个冒号，它是一个类。这里有一个稍微不同的方法：@ThejakaMaldeniya我喜欢它。非常干净-与它！
.content:before {
  content: 'Loading...';
  text-align: center; 
  position: absolute;
}