Html 是否在其他透明内容下隐藏透明内容？
有没有办法制作一个透明标题和多个div容器，而不在透明标题下显示它们？ （如果标题为50px->内容“停止”，显示是否达到顶部50px） 不可能为标题提供与其他标题相同的背景图像并更改z索引 当我将内容滚动到标题中时，标题不会变暗。Html 是否在其他透明内容下隐藏透明内容？,html,css,sass,background,styling,Html,Css,Sass,Background,Styling,有没有办法制作一个透明标题和多个div容器，而不在透明标题下显示它们？ （如果标题为50px->内容“停止”，显示是否达到顶部50px） 不可能为标题提供与其他标题相同的背景图像并更改z索引 当我将内容滚动到标题中时，标题不会变暗。 您是否尝试过通过z索引CSS在两者之间添加另一个div 或者你可以找到你想要的稳定颜色（如果你没有其他工具，可以使用“ColorPick Eyedropper”chrome extension），而不使标题半透明 您是否正在寻找在其他半透明对象后面看不到部分透明对
您是否尝试过通过z索引CSS在两者之间添加另一个div 或者你可以找到你想要的稳定颜色（如果你没有其他工具，可以使用“ColorPick Eyedropper”chrome extension），而不使标题半透明
您是否正在寻找在其他半透明对象后面看不到部分透明对象的Roblox图形效果？欢迎来到社区。你能提供一些代码让我们看看你在用什么吗？是的，当然。我想用一张图片来做这件事，所以不能不让它透明。我认为这样的Roblox图形效果应该可以。你有什么想法可以在我的代码中实现吗？@TheRealEricCartman图像可以有不透明度，事实就是如此animatable@TheRealEricCartman您可能需要JQuery，而这不是我的area@TheRealEricCartman如果您只想要纯色，我想我可能已经解决了您的问题：
<body>
<header>
header
</header>
<main>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div class="content">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</main>
<footer>footer</footer>
</body>
html {
height: 100vh;
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0; }
body {
margin: 0;
width: 100%;
background-color: yellow;
height: 100vh; }
header {
height: 10%;
margin-top: 0;
top: 0;
position: fixed;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
padding-top: auto;
padding-bottom: auto;
box-shadow: 0 5px 5px -5px #636363;
z-index: 10; }
header h1 {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 200%;
color: #FFF;
font-family: Verdana;
margin-left: 5%;
top: 50%; }
.content {
height: 200px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 5; }
footer {
height: 10vh;
margin-bottom: 0;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
padding-top: auto;
padding-bottom: auto;
box-shadow: 0 -5px 5px -5px #636363;
z-index: 10; }