css - 向导航框添加背景图片

Question

我的导航栏有以下 CSS：

nav { 
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 90px;
  line-height: 40px;
  text-align: center; 
  border: 1px solid #ccc;
  border-width: 1px 0;
  background-color: #000000; 
}

nav li { display: inline; }

nav a {
    display: inline-block;
    padding: 10px;
}

但是，我想要一张图片，而不是黑色背景色。注意导航栏是固定的，所以导航菜单后面的图片也应该是固定的。

这可能吗？

Answer 1

尝试以下怎么样？

nav {
    background-image: url('/url/to/image.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Answer 2

nav { background: #000 url('imageURL.jpg') no-repeat fixed; }