背景图像不可见

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 ，

我建议您指定背景图像属性和图像名称，并使用有效路径将单引号（或双引号）引起来。

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