DIV的边距(上下)到另一个DIV

时间:2014-01-24 21:40:19

标签: html margin outer-join

最近我参与了一个小项目。

页面很简单,它有标题和主要内容部分

标题表示为背景div并具有背景图像。但是这个div还包含了另一个包含一些文本的div,这个div有一个Background-color,它是0.5透明

我打算做的是为这个内部div创建顶部和底部边距,以便在外部div和内部div的顶部和底部边缘之间形成一个空格。

但是当我这样做时,上边距导致边距不是内部div而是外边缘而顶部部分是白色填充,这意味着两个div都获得边距。

填充是没用的我认为我的内部div有背景颜色,它会破坏内部div。

代码:here is the fiddle

<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>

请帮助解决这个问题。

0 个答案:

没有答案