最近我参与了一个小项目。
页面很简单,它有标题和主要内容部分
标题表示为背景div并具有背景图像。但是这个div还包含了另一个包含一些文本的div,这个div有一个Background-color,它是0.5透明
我打算做的是为这个内部div创建顶部和底部边距,以便在外部div和内部div的顶部和底部边缘之间形成一个空格。
但是当我这样做时,上边距导致边距不是内部div而是外边缘而顶部部分是白色填充,这意味着两个div都获得边距。
填充是没用的我认为我的内部div有背景颜色,它会破坏内部div。
<div id="top" class="bg-fixed">
<div id="about_text">some text</div>
</div>
<style>
#about_text {
width: 400px;
height: 100%;
font-size: 15px;
color: #ffffff;
line-height:normal;
text-align: justify;
margin-left: 800px;
text-shadow: 1px 1px 2px #000000;
background: rgba(34, 39, 41, 0.4);
border-radius: 30px 30px;
-moz-border-radius: 30px 30px;
-webkit-border-radius: 30px 30px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.7)
}
.bg-fixed {
background-image:url(../images/back.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
请帮助解决这个问题。