Question

我在计划ID部分的背景上出现的图像出现问题。当我在冷杉处看时，虽然看起来图像在那里！我尝试了不同的图像，但我仍然遇到同样的问题。帮助

body, header,nav,h1 {
        margin:0;
        padding:0;
        border:none;
        outline:none;
        padding:none;

    }

    header{
        width:100%;
        height:160px;
        background:#363436;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        background-color:#333;

    }


    nav ul {
        text-align:center;
        list-style-type:none;

    }
    nav ul li {
        display: inline-block;
        padding:1.7em;
    }
    nav ul li a{
        text-decoration:none;
        color: #FFF;
        font-size:large;
    }
    nav ul li a:hover {
        color:#999;
    }
    #heading {
        text-decoration:none;
        color: #999; ;
    }
    #logo {
        float:left;
        margin-left:2%;
        margin-top: -10px;
    }
    #gallery {
        margin-left:5%;
        margin-top:20px;

    }
    #Crossimages {
        float:left;
    }
    //this part does not work image does not load even if i do background-image:url("imgs/hours.png");
    #schedules{
        float: left;
        margin-left:10%;
        background-image: url(file:///C|/wamp/www/web/crosscafe/imgs/hours.png);
    }
    span {
        font-weight:bold;
    }

Answer 1

如前所述，只是为了确保，如果您使用的是WAMP，则需要通过localhost或为此目的提供的任何地址访问该网页。通过file://访问通常会忽略WAMP为您提供的大部分服务器端使用。

话虽如此，我认为你的问题很简单。如果您使用的是框架文件结构，则可能具有以下结构：

IMGS /
CSS /
JS /
的index.html

所以，既然您正在处理css子文件夹中的CSS，那么您的网址必须如下：

background-image:url("../imgs/hours.png");

两点（../）告诉浏览器转到父文件夹，然后转到imgs文件夹，然后搜索hours.png。

Answer 2

首先，您应该只使用/*和*/对css发表评论。 css中的//根本不会被视为评论。

对于您的问题，您应该使用firebug来确保id为schedules的元素具有适当的高度和宽度。

并且，如果您使用的是WAMP，请从以http://开头的网址访问您的网站，该网页无法通过file://显示存储在您本地的图片。你的broswer禁止这样做。您应该使用相对路径，相对路径从您的css文件开始。

所以你可以试试这个：

#schedules{
    float: left;
    margin-left:10%;
    background-image: url(imgs/hours.png);
    height: 100px;
    width: 100px;
}

并在您的css文件附近保存“imgs”。

如果您仍有问题，我认为您应该粘贴HTML。

Answer 3

如果您尝试在网站的其他位置显示该imgs目录中的图像，是否显示？如果没有，它可以是你的.htaccess文件。它可能会阻止您对图片的访问权限。

Css背景图像不会出现

3 个答案: