Html 具有垂直分割背景的全宽网站
我正在实施一个网站，有如下布局Html 具有垂直分割背景的全宽网站,html,css,Html,Css,我正在实施一个网站，有如下布局 我对这个布局的HTML结构有点困惑，蓝色部分几乎是我背景的一半，内容将居中，蓝色部分总是以这个比例精确划分，有人能帮助我如何使之成为可能吗。还有一件事我需要使用蓝色部分作为背景色，可能是在RGBA中。将此DIV放在body标记之后： <body> <div id="blue"></div> content </body> body { background:url('img');
我对这个布局的HTML结构有点困惑，蓝色部分几乎是我背景的一半，内容将居中，蓝色部分总是以这个比例精确划分，有人能帮助我如何使之成为可能吗。还有一件事我需要使用蓝色部分作为背景色，可能是在RGBA中。将此DIV放在body标记之后：
<body>
<div id="blue"></div>
content
</body>
body {
background:url('img');
height:100%;
width:100%;
}
#blue {
position: fixed;
top: 0;
left: 50%;
background: rgba(0, 0, 255, 0.35);
height: 100%;
width: 1000px;
}
内容
身体{
背景：url（“img”）；
身高：100%；
宽度：100%；
}
#蓝色的{
位置：固定；
排名：0；
左：50%；
背景：rgba（0,0,255,0.35）；
身高：100%；
宽度：1000px；
}
这里可以使用伪元素
*{
保证金：0；
填充：0；
}
html，
身体{
身高：100%；
}
身体{
背景图片：url(http://lorempixel.com/output/abstract-q-c-100-100-9.jpg);
}
身体：：之前{
内容：''；
位置：绝对位置；
排名：0；
左：50%；
高度：100vh；
宽度：50%；
背景：rgba（0,0,255,0.5）；
z指数：-1；
}
navbar先生{
边缘顶部：25px；
高度：50px；
背景：绿色；
边框：1px纯黑；
}