缓存CSS中的图像破坏

试图找出在CSS文件中缓存图像的最佳方法。缓存CSS中的图像破坏

说我是使用CSS精灵和我所用的一个图像为像10种不同的元素作为scuh ..

.element1 { 
    background: url('../images/main-nav.png') left -80px no-repeat; 
} 

.element2 { 
    background: url('../images/main-nav.png') left -120px no-repeat; 
} 

.element3 { 
    background: url('../images/main-nav.png') left -160px no-repeat; 
}

然后我更新的图像，我想添加一个新的元件，诸如..

.new_element { 
    background: url('../images/main-nav.png') left -200px no-repeat; 
}

我知道我可以做这样的事情缓存胸围这样：

.new_element { 
    background: url('../images/main-nav.png?v=1.01') left -200px no-repeat; 
}

，但不会现在由于不同的文件名而导致2个请求？ ...我是否真的必须更新对这个图像的每一个引用，以避免对同一图像的多个请求？ ...或者，还有更好的方法？

来源

2014-07-22 Brett

@Hushme唉唉....这是一个非常好的问题。 :) – Brett

@Hushme随意添加它作为答案，如果你喜欢。 – Brett

你可以使用一个共同的class为background-image比你可以使用background-position每个元素class

来源

2014-07-22 06:58:08 Hushme

缓存CSS中的图像破坏

回答

相关问题