Html 非透明div在透明div问题上的立场

Html 非透明div在透明div问题上的立场,html,css,asp.net-mvc-4,Html,Css,Asp.net Mvc 4,嗨,我在mvc4做我的项目。在我的布局页面中,我有一个透明的div(#wrapper),最上面是许多非透明的div。我使用了下面的css和html代码 <div id="wrapper"> <div id="header"> <div id="logo"></div> <div id="navigation"></div> </div> <div id="content">

嗨,我在mvc4做我的项目。在我的布局页面中,我有一个透明的div(#wrapper),最上面是许多非透明的div。我使用了下面的css和html代码

<div id="wrapper">
<div id="header">
    <div id="logo"></div>
    <div id="navigation"></div>
</div>
 <div id="content">
    @RenderBody()
</div>
</div>

我的问题是内部div的in-wrapper(不透明div)位置不正确。包装器div中没有显示它们。如何更正它们的位置。

以下是我发现的有效方法。使用div设置高度、宽度、填充和其他格式选项。然后使用类元素设置任何颜色、透明度和其他外观。要使类透明,请使用

#class {
background-color:rgba(108.136.182.0.5)
}

如果您将代码也放入“#wrapper”div中,那么该代码也应该可以工作。前三个小数是颜色,最后一个小数是对象的不透明度。另外,“1.0”或1等于100%,这就是为什么我使用0.5

不清楚哪个div是透明的,哪个是非透明的……#wrapper是透明的。所有其他的都是不透明的。你想用:before伪元素实现什么?@davidpauljunior:我想实现透明,而不影响其他子分区,我明白了,你的意思是不透明。我把透明解释为看不见的意思。
#class {
background-color:rgba(108.136.182.0.5)
}