Question

在我的个人网站中，我使用精灵来显示联系人图标（即Skype，电子邮件等）。

最近我需要在sprite中添加一个新图标，因此我创建了一个新图标（sprite）并将其上传到我的FTP文件夹。

localhost 上的所有功能都很棒，但它在我的托管网站中无效。

正如您所看到的， locahost 图片已获得LinkedIn图标，我想添加，但在托管网站上它不存在。

Sprite Hosted Picture

CSS代码：

.contact-aboutme, .contact-email, .contact-github, .contact-linkedin, .contact-skype, .contact-stackoverflow, .contact-twitter{
    background: url(../img/contacts-sprite.png) no-repeat;
}

.contact-aboutme{
    background-position: 0 0;
    width: 32px;
    height: 32px;
}

.contact-email{
    background-position: -34px 0;
    width: 32px;
    height: 32px;
}

.contact-github{
    background-position: -68px 0;
    width: 32px;
    height: 32px;
}

.contact-linkedin{
    background-position: -136px 0;
    width: 32px;
    height: 32px;
}

.contact-skype{
    background-position: -170px 0;
    width: 32px;
    height: 32px;
}

.contact-stackoverflow{
    background-position: -102px 0;
    width: 32px;
    height: 32px;
}

.contact-twitter{
    background-position: -204px 0;
    width: 32px;
    height: 32px;
}

htaccess的：

<IfModule mod_deflate.c>
    SetOutputFilter DEFLATE

    # Don’t compress
    SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
    SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary

    #Dealing with proxy servers
    <IfModule mod_headers.c>
        Header append Vary User-Agent
    </IfModule>
</IfModule>

我试图做的事情：

更改/删除文件名 - 图像保留在那里。
将文件从FTP下载到我的电脑只是为了确保我上传它没有失败 - 这是正确的。
删除了浏览器缓存 - 它没有用。
尝试用 F5 和 CTRL + F5 刷新 - 它没有用。

我不知道为什么会这样。

我试着等了一两个小时，也许这是一个暂时的问题，但它没有用。

Answer 1

显然这是Firefox的浏览器问题，因为适用于 Google Chrome 。

我在看到它时立即考虑了缓存问题，甚至在尝试使用Google Chrome之前，我确实删除了浏览器的缓存，但问题并未解决。

除了它是Firefox问题之外别无其他选择。

新上传后，精灵不会改变

1 个答案: