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;
}

所以只需删除上面课程的背景颜色，你就可以了！

Answer 2

这是你想要的吗？

ul#menu-primary{
     background-image: url('wp-content/uploads/2016/03/meadows-favicon-negative.png') !important;
     background-repeat: no-repeat;
}

背景导航栏图像不显示

2 个答案: