背景图像不可见

Question

我是CSS/HTML的新手，我似乎无法解决我遇到的问题。 这是我正在开发的网站http://sahsahashas.tk 现在，当我在Chrome浏览器中预览Dreamweaver的网站时，这就是导航栏的外观（它应该如此） http://i.imgur.com/4dw1j6K.jpg（它实际上是一张图片，而不是背景色:)）。

我知道它看起来几乎一样，但它真的让我烦恼。另外，我知道我的CSS代码很乱，但我又是新手。

.navbar {
    width: 708px;
    height: 61px;
    margin: auto;
    background: url(navbarr.jpg);
    font: normal normal 700 1em/4em Arial,sans-serif;
    z-index: 2;
}

Answer 1

您有错字：background: url(navbarr.jpg);应为navbar.jpg或您的图片navbarr.jpg在服务器上不存在。有一个名为navbar.jpg的图像。希望这会有所帮助。

在我的萤火虫中查看css：http://i.imgur.com/Vdi0hfZ.png

Answer 2

将图片指定为背景，不应仅使用背景，

我建议你指定 background-image 属性，图片名称的有效路径应该是单引号（或双引号）..

background-image: url('navbarr.jpg');