Question

我一直在尝试更改此模板中的徽标，其中徽标是作为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>

非常感谢任何帮助。

Answer 1

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

Answer 2

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

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

Answer 3

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

Answer 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;
}

从CSS文件更改徽标图像？

4 个答案: