css top 不透明

CSS中的top属性用于定位一个元素距离其父元素顶部的位置，可以通过设置top属性的值来实现元素的垂直定位。

但是有时候我们可能需要让一个元素在垂直定位的同时保持不透明，也就是元素的背景色和内容应当完全不透明，不受上下覆盖元素的影响。

这时候我们可以对该元素设置position属性为absolute或fixed，并设置z-index属性为一个较大的正整数，以确保它位于其他元素之上。同时，将该元素的背景色和内容的不透明度均设置为1，就可以实现该元素的不透明效果。

#transparent-box {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 999;
    background-color: #ffffff;
    opacity: 1;
}

上面的代码演示了如何创建一个不透明的元素。我们首先将position设为absolute，top和left属性设为100px，使该元素绝对定位到其父元素的100px和100px的位置。接着，我们将z-index属性设为999，以确保该元素位于其他元素之上。最后，我们将该元素的背景色设为白色，不透明度为1，实现了不透明效果。