html - 阴影未出现在背景图像 div 上

Question

我遇到了一个问题，我的投影没有显示在我的页眉上，我不确定它是否与我的背景图像标签有关，或者是否与它在 div 中有关。它基本上是我在顶部的标题部分，包围在一个 homeheader div 中，下面的阴影没有显示。这是标题的 CSS；

#homeheader {
    text-align: center;
    font-family: 'Lato';
    color: white;
    width: 100%;
    height: 380px;
    background-image: url(http://i.imgur.com/zJv1pxt.jpg);
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    -moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
}

webkit-box-shadow、moz-box-shadow 和 box-shadow 似乎对 div 没有任何影响，我似乎无法找出原因。

总的来说，我对编码仍然很陌生，所以感谢所有提供帮助的人!

编辑:HTML；

<div id="homeheader">
            </br>
            <!--Nav Bar @ top right-->
            <div id="navcontainer"> 
                <ul>
                    <li><a href="home.html">Home</a></li>


                    <li><a href="Portfolio.html">Portfolio</a></li>


                    <li><a href="About.html">About</a></li>


                    <li><a href="#">Resume</a></li> <!-- Need to direct -->


                    <li><a href="#" class="myButton">Contact</a></li> <!-- Need to direct -->
                </ul>
            </div>

            </br></br></br></br>

            <!--Main Header/Title-->
            <h1 class="name"> My Name</h1>
            <h4 class="description">Amateur HTML/CSS/JS Dev</h4>

            <!--Two Buttons Below-->
            <a href="#" class="myButton">Contact</a>
            <a href="#" class="myButton">Resume</a>

            </br></br></br></br></br></br>

            <!--Down arrow button-->
            <a data-scroll href="#content"><img src="http://i.imgur.com/DaSBdv5.png" align="center" width="32"></a>       
        </div>

Answer 1

background-image 属性的格式不正确。应该是:

#homeheader {
text-align: center;
font-family: 'Lato';
color: white;
width: 100%;
height: 380px;
background-image: url('http://i.imgur.com/zJv1pxt.jpg');
-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
-moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
}

请参阅以下 W3Schools 引用 http://www.w3schools.com/cssref/pr_background-image.asp