无法从 CSS 链接图像答案

【问题标题】：Cant link image from CSS无法从 CSS 链接图像
【发布时间】：2014-11-02 04:02:10
【问题描述】：

试图将徽标添加到网站上。最终将其用作主页的链接。但是当我使用css时它甚至不会出现。当我使用 HTML 时它会链接所以我知道它不是图像。 CSS 在它自己的文件夹中，而 Image 在它自己的文件夹中。所以我不认为我的网址不正确。

CSS

.logo {

    background-image: url(../images/logo.png);
    display:block;
    margin: 0px auto;
    padding: 0px 15px 0px 15px;
    border: none;
    width: 1000px;
    height: 100px; 
}

HTML

<body>

    <div class="logo">

    </div>  

</body>

感觉就像我已经尝试了一切。

【问题讨论】：

因为它是本地文件。在本地，您需要说file:///imagePath（假设这是在您的计算机上）。无论如何，这是重复的，more information here。

标签： hyperlink navigation navbar nav

【解决方案1】：

这就是答案

css

.logo {

background: url(../images/logo.png) ;
background-size: 200px 200px;
width: 200px;
height:200px;

}

【讨论】：

【解决方案2】：

尝试将 background-image 更改为背景并添加引号。

.logo{ 
 background: url('../images/logo.png');

【讨论】：