如何僅在懸停時加載JPG？

Question

是否有可能使瀏覽器僅在懸停（CSS）上加載JPG圖像而不使用任何 JavaScript？

Answer 1

的種類，如果是在默認狀態下沒有background-url再有就是在:hover狀態background-url那麼它的工作原理，它實際上下載時:hover開始，而不是之前。但是，除非你知道它們，否則你仍然不會在沒有JavaScript的情況下得到它的值。

JSFiddle

Answer 2

您可以在懸停僞選擇使用background: url(myimagelocation/myimage.jpg)。

例子。

.mybox { 
<!-- make sure you allow enough spatial dimensions here. --> 
} 
.mybox:hover { 
background: url('http://placehold.it/200x200'); 
}