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>
哪裏是什麼,我試圖做的:
- 更改/刪除文件名 - 圖像保留在那裏。
- 將文件從FTP下載到我的電腦,以確保我沒有上傳失敗 - 這是正確的。
- 刪除瀏覽器緩存 - 它沒有工作。
- 試圖與F5和CTRL + F5 刷新都 - 它沒有工作。
我不知道爲什麼會發生這種情況。
我試着等了一兩個小時,也許這是一個暫時的問題,但它沒有奏效。
它在http://giampaolofalqui.com/上我看起來很好......你試過不同的瀏覽器嗎? – yochannah
尚未@yochannah - 現在試用Google Chrome瀏覽器。 – GiamPy
它適用於Google Chrome @yochannah,這讓我覺得是緩存問題,但我已經在Firefox上刪除它! – GiamPy