Question

正如标题所说我的照片有问题。我已设置大小并将其正确链接到单独的文件夹。可能是什么问题？

我对“标题”背景没有任何问题。

#logo{
    height: 200px;
    width: 200px;
    background: url(bilder/GC-logo.psd);
}

Header{
    height: 100vh;
    background: url(bilder/sweden-853150.jpg);
    background-size: cover;
}

.logo{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 260px;
    width:260px;
    border: 1px solid green;
    float: left;
    margin: 0;
}

    <Header>
        <div class="logo">
            <img id="logo" />
        </div>
        <nav>
            <ul>
                <li><a href="">asdasdasd</a></li>
                <li><a href="">asdasdd</a></li>
                <li><a href="">zxczxczxc</a></li>
                <li><a href="index.html">Hem</a></li>
        </nav>
        <div class="container" id="easy_nav">
            <div class="centered-text">
                <a href="index.map.html"><h2>something</h2></a>
                <a href="#"><h2>something</h2></a>
            </div>
        </div>
    </header>

Answer 1

我不相信使用CSS支持显示.psd个文件。您可以将其转换为其他文件格式或尝试以下内容：

http://thesiteslinger.com/blog/tutorial-how-to-code-your-psd-into-a-html-css-layout/

Answer 2

由于您尝试使用PSD文件，因此未显示徽标图像。

在Photoshop中打开PSD，然后单击文件 - ＆gt;保存网页。

这将允许您将图像导出为jpg或png。单击“保存”并确保导出的图像位于bilder文件夹中，并更改徽标背景的css以使用新图像。

图片没有显示出来

2 个答案: