从 CSS 文件更改徽标图像？答案

【问题标题】：Changing Logo image from CSS file?从 CSS 文件更改徽标图像？
【发布时间】：2015-04-21 20:36:49
【问题描述】：

我一直在尝试更改此模板中的徽标，其中徽标作为 css 文件中的类插入，但它似乎不起作用。

代码如下。（P.S. 假设新标志图片名称为 NEWLOGO.jpg）

CSS

.logo {
    background:url('../images/logo.png') no-repeat center center;
    background-size:90px 30px;
    width:90px;
    margin-left:-45px;
    height:30px;
}

HTML

<div class="logo"></div>

非常感谢任何帮助。

【问题讨论】：

什么不起作用？当您更改 CSS 以指向不同的图像时，它不会加载？
尝试创建演示以帮助您更好
注意左边距
对不起，是的，当我更改他的 css 文件中的 img src 时，它并没有改变，而是只显示原始图像
这可能是一个缓存问题 - 你试过 CTRL + SHIFT + F5 吗？这就是所谓的硬重载。

标签： html css image background

【解决方案1】：

如果您使用的是 Chrome。您可以在禁用缓存后重试。参考：Disabling Chrome cache for website development

【讨论】：

【解决方案2】：

这听起来很像缓存错误。 This article 应该可以帮助您禁用多个浏览器上的缓存。

您的浏览器实际上是在加载它之前保存的“旧”版本的页面。浏览器使用此功能来尝试增加导航时间，但有时当您编辑网站时，它确实会导致类似这样的错误。

【讨论】：

【解决方案3】：

您的 css 文件可能已被您的浏览器缓存。请尝试清除浏览器历史记录以查看您所做的更改。

【讨论】：

【解决方案4】：

.logo{
    background:url('../images/NEWLOGO.jpg') no-repeat center center;
    /*You need to replace the logo images in the same folder*/
    background-size:90px 30px;
    width:90px;
    margin-left:-45px;
    height:30px;
}

【讨论】：

这个回答如果再配上几句解释就更好了。