使用CSS 3和多个图像

Question

我正在使用一个模板，该模板有一个标题.css和一个div，在html中调用该类＆＃39; header_panel＆＃39;。

它的工作方式是书面形式，调用＆＃39; header_panel＆＃39;但是如果我尝试以任何方式将标题更改为＆＃39; header_panel_a＆＃39;要在html页面上放置不同的背景图像，从css调用该类，不会显示任何内容。

＆＃13;

＆＃13;

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  position: relative;
  color: #ffffff;
}
header .brand {
  float: left;
}
header .nav {
  float: right;
}
@media (max-width: 979px) {
  header {
    text-align: center;
  }
  header .brand, header .nav {
    float: none;
  }
}

.header_panel {
  height: 350px;
  background: url(../images/bluepeople.jpg);
  -webkit-background-size: cover;
  background-size: cover;
}

.header_panel_a {
  height: 350px;
  background: url(../images/fence.jpg);
  -webkit-background-size: cover;
  background-size: cover;
}

.header_panel_b {
  height: 350px;
  background: url(../images/sign1.jpg);
  -webkit-background-size: cover;
  background-size: cover;
}

＆＃13;

<!--========================================================
                              HEADER
    =========================================================-->
    <header class="header_panel">
    
    </header>

＆＃13;

＆＃13;

＆＃13;