css - 无法将背景图像置于背景颜色前面

Question

我正在尝试将图像设置为背景并向内容添加背景颜色。但我无法通过背景颜色获取背景图像。另外我想要背景图像超过 span#test 任何帮助将不胜感激。

 <div id="container">
               <div id="Content">
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
                Hello world, this is my content, Hello world, this is my content <br />
            </div>
            <span id="test">
                Test
            </span>
        </div

    #container
    {    
        position: relative;
        margin-bottom: -20px;
        background-image: url('https://www.google.co.uk/images/srpr/logo11w.png');
        background-size: contain;
        background-repeat: no-repeat;
        height: 50px;
        width: 100px;
        z-index: 10001;
    }
    #Content
    {
       background-color:#C9CACA;

    }

这是链接“http://jsfiddle.net/chetangawai/FFS4V/5/” '

Answer 1

尝试

#container
{    
    position: relative;
    margin-bottom: -20px;
    background:#C9CACA  url('https://www.google.co.uk/images/srpr/logo11w.png') no-repeat;

}

here Jsfiddle example