Problem linking to a static resource image

Question

I went through a lot of threads of people explaining how to link to a static resource image in your CSS. My code looks fine to me, yet it doesn't work.

I have put the css file in a folder together with the images folder(which holds the manager_headshot.jpg).

Here's how I reference my css file in my visual force page:

<apex:stylesheet value="{! URLFOR($Resource.static, 'style.css') }" />

And here's how I reference the image in my css file:

background-image: url("images/manager_headshot.jpg");

Answer 1

Static resources when created/updated have an id generated based on timestamp. At times, the static resources refer to the older instance of themselves and any updates made in the static resource are not reflected in VF page. I have encountered this problem earlier. In my case, when timestamp reference was manually updated in the reference of static resource, the code was then referring to the recent version of static resource.

UPDATE: To confirm whether recent updates for a static resource exist in visualforce page, do right-click and Inspect Element. Under Sources tab, locate static resource in question and expand it to see the changes.