2014-01-07 25 views
0

在我的個人網站中,我使用精靈來顯示聯繫人圖標(即Skype,電子郵件等)。新上傳後Sprite不會改變

最近我需要在sprite中添加一個新圖標,因此我創建了一個新的圖標(sprite)並將其上傳到我的FTP文件夾。

一切正常本地主機但它不起作用在我的託管網站。

正如你所看到的,的locahost圖片已經得到了LinkedIn圖標,這是我想補充,但託管網站上它不存在。

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> 

哪裏是什麼,我試圖做的:

  1. 更改/刪除文件名 - 圖像保留在那裏。
  2. 將文件從FTP下載到我的電腦,以確保我沒有上傳失敗 - 這是正確的。
  3. 刪除瀏覽器緩存 - 它沒有工作。
  4. 試圖與F5CTRL + F5 刷新都 - 它沒有工作。

我不知道爲什麼會發生這種情況。

我試着等了一兩個小時,也許這是一個暫時的問題,但它沒有奏效。

+0

它在http://giampaolofalqui.com/上我看起來很好......你試過不同的瀏覽器嗎? – yochannah

+0

尚未@yochannah - 現在試用Google Chrome瀏覽器。 – GiamPy

+0

它適用於Google Chrome @yochannah,這讓我覺得是緩存問題,但我已經在Firefox上刪除它! – GiamPy

回答

0

顯然,這是瀏覽器的問題與Firefox,因爲它谷歌瀏覽器工作

當我看到它時,即使在嘗試使用Google Chrome之前,我立刻想到了緩存問題,並且確實刪除了瀏覽器的緩存,但問題並未解決。

真的沒有其他選擇,除了那個這是一個Firefox問題

相關問題