привет, я делаю свой проект в mvc4. на моей странице Layout у меня есть прозрачный div (#wrapper), и у меня есть много непрозрачных div. Для этого я использую следующий код css и html.Позиция непрозрачного div на прозрачном выпуске div
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="navigation"></div>
</div>
<div id="content">
@RenderBody()
</div>
</div>
CSS
#wrapper {
position:relative;}
#wrapper:before {
margin-left:12%;
width:76%;
background-color:#6c88b6;
content:'';
min-height:400px;
height:auto;
overflow:hidden;
position:absolute;
opacity:.5;}
#header {
position:relative;
}
#logo {
margin-left:3%;
margin-top:20px;
margin-bottom:20px;
display:inline-block;
height:70px;
width:300px;
background:url(../Shared/Images/logo.png) no-repeat center left ;
}
#navigation {
margin-left:1%;
width:98%;
background-color:#fff;
height:50px;
}
#content {
position:relative;
}
моя проблема заключается в том, что внутри DIV-й в обертке (не прозрачный DIV в) положение не является правильным. Они не отображаются внутри обертки div. Как я могу исправить их положение.
непонятно, какой div является прозрачным и непрозрачным ..... –
#wrapper является прозрачным. все остальные непрозрачны – neel
Что вы пытаетесь достичь с помощью: перед псевдоэлементом? – davidpauljunior