html - 背景导航栏图像不显示

Question

我整理了一个固定的菜单栏，一旦向下滚动页面就会出现。

http://staging.meadowspetcareservices.co.uk/

我已经实现了这个，但是客户想要在栏中有一个图标图像。我尝试将其添加为 CSS 中的背景图片。但它就是没有显示？

nav.nav-header.fixed {
  width: 100%;
  z-index: 600;
  background: #9D162E url(/wp-content/uploads/2016/03/meadows-favicon-negative.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 56px;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-animation: slidedown 2s forwards;
  animation: slidedown 2s forwards;
}

nav.nav-header.fixed.wrap {
  width: 100%!important;    
}

nav.nav-header.fixed ul#menu-primary {
  width: 100%;
  text-align: right;
}

任何帮助将不胜感激

Answer 1

您的代码确实有效!

问题是这段代码是在你的图像之后应用的(想想上面画的)

.site-header .genesis-nav-menu {
    background: #9D162E;
}

所以只要删除上面类的背景颜色就可以了!