.button { background: url(../Images/button.png); }
Issue: To improve performance, static content on the website is cached with expiration headers. However, when an image changes, users must manually refresh their browser cache (Ctrl+F5 in IE). I would like images to be cached but automatically reloaded when necessary.
Inquiry: Is the following approach considered 'valid'?
.button {
background: url(../Images/button.png?v=1234);
}
The "v=1234" represents the version of my site. I am unsure if this method is entirely valid within CSS, and I want browsers to still cache the images if the version remains the same. Do modern browsers effectively cache data with URL parameters included?
Thank you.