Html 背景图像不显示？_Html_Css_Sass_960.gs

Html 背景图像不显示？

html css sass

Html 背景图像不显示？,html,css,sass,960.gs,Html,Css,Sass,960.gs,好的，我有下面的html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/reset.css" type="text/css"/> <link rel="stylesheet" href="css/style.css" type="tex

好的，我有下面的html代码

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <title>marriage</title>
</head>
<body>
<div id="container">
    <div id="logo">
        <h1><a href="#">marriage logo</a></h1>
    </div> <!-- end logo -->
    <div id="input">    
        <input type="text" name="search" id="search" />
        <input type="submit" value="search .." />
        <p>search for words like: calm, honest ... etc</p>
    </div> <!-- end input -->
    <div id="questions">    
        <h2>Why our website ?</h2>
        <p>because you find your soulmate as easy as possible, just type the word you looking 
            for in your soulmate and press enter to start searching</p>
    </div> <!-- end questions -->
    <div id="side">
        <p>New User or signup if not</p>
    </div>  <!-- end sidebar -->
    <div id="footer">
        Copyrighted &copy; 2012
    </div> <!-- end footer -->
</div> <!-- end of container -->
    </body> 
    </html>

标记中的背景图像没有与html文件一起显示，我不知道为什么。。这里少了什么东西吗

h1 {
        background: url(images/logo.jpg) no-repeat;
        width: 480px;
        height: 250px;

   }

我看见你用指南针。因此，您已经在配置文件中配置了包含图像的目录（即

images\u dir

）您不应该直接调用映像，而应该使用帮助程序，如下所示（不指定目录映像）：

此外，如果要隐藏文本，可以使用mixin。最后，也许mixin就是你想要的：

h1{
@包括用尺寸替换文本（logo.jpg，0,0）；
}

然而，我想你想让这个标志可以点击。在这种情况下，代码将为：

<h1 id="logo"><a href="/">marriage logo</a></h1>

很好，我不知道这件事。。感谢您的帮助：）尝试添加显示：bock；至cssstil中的h1，直到未显示。。我以前试过它，我知道它很愚蠢，但是，你确定你的图像在正确的位置，有正确的文件结尾和大小写吗？我检查了不止一次，我在这里粘贴了完整的html和SCS。。我找不到问题。。。可能是网格布局。。我不知道我们能看到这个的运行代码吗？

background: image-url(logo.jpg) no-repeat;

<h1 id="logo"><a href="/">marriage logo</a></h1>