在背景图像顶部的位置div

时间:2017-12-09 21:13:10

标签: html css

我正在尝试做一些看似应该直截了当的事情。我只想在背景图像上放置一个div(一个矩形)。 div不会显示为覆盖在背景图像之上。 div实际上根本不会显示出来。除了使用绝对位置之外,我已经尝试使用z-index来移动图像前面的div,两者都没有运气。这是我的HTML和CSS:

<div id="banner-contact">
            <div id="background-contact-info-contact"></div>
            </div>  
        </div>

CSS:

#banner-contact{
    width: 100%;
    height:1000px;
    background-image:url('resized-images-logo/contact-page-resized.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    margin:0px;

}
#background-contact-info-contact{
    width:24%;
    height:auto;
    background-color:#C16C43;   
}

1 个答案:

答案 0 :(得分:-1)

height: auto表示div的高度等于其子元素的高度。 Div是默认自动高度。